/* ★★★★D-4471（設計者裁定 2026-09-07・★★当窓の非の是正）＝
   ★★7部品の規則は ★**部品の器（`.ob-*`）にだけ**当てます。
   ★★真因 … ★旧名（.card / .tool / .tile / .sheet …）を同居させ、
     ★index/canon/crm の同名定義を **消した**ため、
     ★★大きい `<style>` の parse が **49規則で止まり**、
       ★`@media (max-width:760px){ .sidebar{display:none} .tabbar{display:grid} }` が読まれず
       ★★390 で **PCの柱（sidebar 240px）が出たまま**＝面が **150px** に潰れました（実測）。
   ★★∴ ★消した宣言は ★**全部戻し**（index/canon/crm ＝ 0b5ec368 ＋ 他窓の世代整列）、
     ★ui.css は `.ob-*` だけ。★移行は呼び手に `.ob-*` を付けて1つずつ。 */
/* ══════════════════════════════════════════════════════════════════════════
   OBELIS ui.css ── ★★★D-4447（設計者裁定 2026-09-07）
   ★★見た目の定義は **ここ1枚だけ**。★画面の中で札・題・釦・pick・内札・幕・道具の行の
     見た目を直接書く事を **禁じます**（★合わせるのではなく **消す**）。
   ★★数は ★原図 v2.5 §0（README）と ★各部品表の px **だけ**。★新しい値・新しい色は **0**。
     ★色は canon のトークンを参照（★--card-grad #12110E ／ --card-line #3D3420 ／
       --line #26241F ／ --gold #C9A24B ／ --on-gold #141310 ／ --ink ／ --ink-dim）。
   ★★7部品 … ①.ob-card ②.ob-title ③.ob-btn(-h/-g/-g2/-p/-back) ④.ob-pick(+.ob-menu)
                ⑤.ob-inner ⑥.ob-sheet(箱＋足) ⑦.ob-tools
   ★★読み込みは **最後**（★index.html / crm.html の末尾）＝ ★同じ強さなら後が勝つ。
   ══════════════════════════════════════════════════════════════════════════ */

/* ★★D-4447 … ★役の名（.card/.section-h/.btn-…／.tool/.pick/.menu/.kamae-box/.sheet）も
   ★**同じ1つの規則**に同居させます＝★呼び手600箇所を改名せずに ★定義を1つにします。
   ★∴ ★index.html／canon.css／crm.html の同名定義は ★**消します**（★下の②）。 */

/* ── ① 札 ─────────────────────────────────────────────────────────────────
   ★原図 §0 … 縁 1px #3D3420 ／ 角 10 ／ 内側 **上下10・左右16** ／ 札間 12 ／ 地 #12110E */
.ob-card{
  background:var(--card-grad);
  border:1px solid var(--card-line);
  border-radius:10px;
  padding:10px 16px;
  margin:0 0 12px;
  box-shadow:var(--card-lift);
  box-sizing:border-box;
}

/* ── ② 題（＋罫）────────────────────────────────────────────────────────
   ★原図 §0 … 題の行 (11,17) **h29・18/600・題だけ** ／ 罫 (40,17) ／ 内容 (56,17)
   ＝ 題 29 の直後に罫 1px、罫から内容まで 16。 */
.ob-title{
  height:29px; min-height:29px;
  display:flex; align-items:center;
  font-size:18px; font-weight:600; color:var(--ink);
  letter-spacing:.01em;
  margin:0; padding:0;
  border-bottom:1px solid var(--line);
  /* ★★D-4514①（★原図＝題の行 **h29**）… ★`content-box` だと 29＋罫1＝**30**になり
     ★全画面で不合でした。★罫を丈の中へ入れます（★見え方は同じ・★数だけ原図へ）。 */
  box-sizing:border-box;
}
/* ★★D-4546 … ★題→内容は ★**16**。★次の器の margin に依らないよう ★**題の側**が持ちます
   （★実測 … ★顧客 **-6**／★工房 **0**／★導線 **12** ＝ ★次の器の margin に負けていました）。 */
/* ★★★D-4622（★原図v2.5＝ ★**札の間は 12**・★工房_390 も _1440 も同じ）… ★実測 **24**。
   ★★真因 … ★並びの親（`.kb-grid`）が `gap:12px` を持ち、★札も `margin-bottom:12px` を持つ＝ ★**二重**。
   ★★是正 … ★間は ★**札の側**が1つだけ持ちます。
   ★★★追記（★実測）… ★親に**名の無い**並びも在りました（★顧客の内札＝`<div>` の格子）＝
     ★名で書くと ★取りこぼします。★∴ ★**札を持つ並びの縦の間を 0** にし、
     ★間は ★**札の `margin-bottom:12px` だけ**が持ちます（★単一源）。
     ★★横の間（`column-gap`）は ★触りません（★顧客1440 の 570+570・間12 は不動）。
     ★★`row-gap:normal` は grid／flex では **0** と同じ＝ ★間を持たない並びは 1px も変わりません。
   ★★★追記2（★実測で2度外しました）… ★`*:has(> .ob-card)` は ★重み **(0,1,0)** で
     ★`.kb-grid{gap:12px}`（★同じ (0,1,0)）と**並び**、★順で決まります＝ ★順に頼ると負けます。
     ★∴ ★器の名を1つ足して ★**重みで勝ちます**（★`:is(div,section,main)` ＝ (0,1,1)）。 */
:is(div,section,main,ul,ol):has(> .ob-card){ row-gap:0 }
/* ★★★追記3（★機械に言わせて分かりました）… ★間の持ち主は ★`.kb-grid`(0,1,0) ではなく
   ★**`.main.kobo .kb-grid`**（★重み **0,3,0**）でした＝ ★上の1本（0,1,1）では届きません。
   ★★∴ ★順にも重みにも頼らず、★**札の側**を器の名つきで抑えます（★0,4,0）。
   ★★横の間は不動（★工房は1列＝ `column-gap` は使われていません）。 */
.main.kobo .kb-grid > .ob-card{ margin-bottom:0 }
/* ★★★D-4622（★実測 顧客_390「顧客管理→売上管理」＝ **24**・★原図 **12**）:
   ★★真因 … ★札は自分の包み（`<div>`）の**最後の子**で、★包みどうしの間を ★親が **12** 持ち、
     ★★札も `margin-bottom:12px` を持つ＝ ★**二重**（12+12＝24）。
   ★★是正 … ★**並びの最後の札は間を持ちません**（★後ろの間は ★親が1つだけ持ちます）。
   ★★重み (0,2,0) ＝ ★`.ob-card`(0,1,0) に順に頼らず勝ちます。 */
.ob-card:last-child{ margin-bottom:0 }
/* ★★★D-4655①（★原図v2.5 工房_冊_390）… ★「本文の札(題なし・**内側16**) 420×358 **上80**」。
   ★★実測（★器の癖＝`main.scrollTop` を頭へ戻してから）… ★内側 **10px 16px**／★頭からの隙 **0**。
   ★★是正 … ★冊の本文の札だけ ★内側 **16** ／ ★頭から **16** 空けます（★他の札は不動）。 */
/* ★★★追記（★機械に言わせて分かりました）… ★持ち主は ★`.main .section.card`（★重み **0,3,0**）でした
   ＝ ★`.ob-shell-body > .ob-card`（0,2,0）では届きません。★順に頼らず ★重み **0,4,0** で書きます。 */
/* ★★★D-4687（★当窓の非の是正）… ★`.ob-shell-body` は ★**冊だけの器ではありません**。
   ★実測 … ★**資料室の子面**も同じ器を使っており、★冊の「内側16」に**巻き込まれて**いました
     （★札の器_正典＝ ★内側 上下10・左右16）。
   ★★∴ ★冊（★題の無い**1枚もの**の本文の札）だけに絞ります＝
     ★`.ob-shell-body` の中で ★**ただ1枚**の札の時だけ 16。★資料室（★複数の札・道具の行つき）は不動。 */
/* ★★追記（★実測）… ★資料室の子面も ★札が**1枚だけ**でした＝ ★`:only-child` では分けられません。
   ★★分け目は ★**中身の形**です（★実測で2度外しました）:
     ★冊 … ★`.kobo-book-sec`（★節の器）を **6つ**持ちます
     ★資料室 … ★持ちません（★画像の棚／LP の択は ★`.ob-tools` ではなく ★名の無い器でした）。 */
.main .ob-shell-body > .ob-card:has(> .kobo-book-sec),
.main .ob-shell-body > .section.card:has(> .kobo-book-sec){ padding:16px }
/* ★★★D-4672④（★原図v2.5 工房_冊_390＝ ★「本文の札(題なし・内側16) **上80**」）:
   ★★実測 … ★本文 **上88**（★頭の器 **72** ＋ 当窓が入れた **16**）。
   ★★★申告（★号の字と実測が割れます）… ★号は「★冊の頭 **72** ＝原図に合わせる」ですが、
     ★頭を原図の **64** にすると ★**工房の面が壊れます**（★工房_390 は ★頭72＋8＝
     ★札「分身」**上80** で ★原図どおり出ています＝ ★頭を64にすると **72** になり原図から外れます）。
   ★★∴ ★頭は **72 のまま**にし、★冊の本文を ★**8** 空けて ★原図の「上80」に**合わせます**
     （★72＋8＝**80**）。★★工房の面は ★1px も動きません。 */
.ob-shell-body{ margin-top:8px }
.ob-title{ margin-bottom:16px }
.ob-title + *{ margin-top:0 }
/* ★★★D-4684 4周（★原図v2.5＝ ★題→内容は **16**）… ★内札「月次推移」だけ **21**。
   ★★真因 … ★題の直後に ★**丈0の器**（`.grow`＝突っぱり）が居り、★`.ob-title + *` が
     ★**その器**に当たって終わり、★次に来る器の `margin-top:8px` が ★そのまま足されていました。
   ★★是正 … ★丈0の器の**次**も 0 に（★題の16だけが間を持ちます）。 */
/* ★★追記（★実測で1度外しました）… ★`:empty` は ★**空白があると当たりません**
   （★`.grow` は突っぱりで中身が無いのに `:empty` に当たらない形でした）。
   ★∴ ★**題の次の次**まで 0 にします（★丈0の器が居ても居なくても ★題の16だけが間を持ちます）。 */
.ob-title + * + *{ margin-top:0 }

/* ── ③ 釦（5寸）───────────────────────────────────────────────────────
   ★原図 … P(主釦F) h44・字なり+32・最小120 ／ G h36×120 ／ G2 h40・最小120
             H h28・字なり(最小68)・当たり44 ／ [戻る] 120×44 */
.ob-btn{
  display:inline-flex; align-items:center; justify-content:center;
  box-sizing:border-box; position:relative;
  border-radius:10px; line-height:1.2; white-space:nowrap; cursor:pointer;
  font-family:inherit;
}
.ob-btn-p{    /* 主釦F（金）★D-5036 C2 ＝ ★**金釦は丈46**（★パーツ正典） */
  height:46px; min-height:46px; min-width:120px; padding:0 16px;
  background:var(--gold); border:1px solid var(--gold); color:var(--on-gold);
  font-size:15px; font-weight:600;
}
.ob-btn-g{    /* 格G ★D-5036 C2 ＝ ★**白枠釦は丈44**（★パーツ正典） */
  /*  ★★★D-5036 C2（★設計者の実機 2026-09-21 21:34）＝
        「★全タブで、★**白枠釦は丈44**・★**金釦は丈46**（パーツ正典）に揃える」
      ★★実測（★prod `17545890`・390）… ★**正から外れた釦 8件** …
        ★工房 [基本設定][詳細設定][開く] ＝ **36**／★ホーム [この下書きを見る] ＝ **40**
        ／★顧客 [顧客を追加][目標を設定] ＝ **36**・[売上を記録する] ＝ **44**（★金は46が正）。
      ★★★申告 … ★当窓は ★D-4983① で ★この値を ★**36／40 へ戻した**ばかりです
        （★その時の正は「パーツ正典v1 選択ボタン H36」）。★★D-5036 C2 が ★**新しい号**ゆえ
        ★**44／46 へ揃えます**（★号が割れています＝ ★創造Dの一言で どちらかに固定してください）。 */
  height:44px; min-height:44px; width:120px; padding:0 16px;
  background:none; border:1px solid var(--line); color:var(--ink);
  font-size:14px; font-weight:500;
}
.ob-btn-g2{   /* 格G2 ★D-5036 C2 ＝ ★**白枠釦は丈44**（★同上） */
  height:44px; min-height:44px; min-width:120px; padding:0 16px;
  background:none; border:1.5px solid var(--line); color:var(--ink);
  font-size:14px; font-weight:600;
}
.ob-btn-h{    /* 格H（★当たりは44＝下の ::after） */
  height:28px; min-height:28px; min-width:68px; padding:0 14px;
  background:none; border:1px solid var(--ob-input-line); color:var(--ink);
  font-size:13px; font-weight:600;
}
.ob-btn-back{ /* [戻る] 格B */
  height:44px; min-height:44px; width:120px; padding:0 16px;
  background:none; border:1px solid var(--line); color:var(--ink);
  font-size:14px; font-weight:500;
}
/*  ★★★D-5089②（創造D D-5088-4「工房［基本設定］［詳細設定］36・ホーム［この下書きを見る］40：絵の値へ（§1 の 44 は取り消し）」・
      描き役B D5087 当て直しの表 工房「36×120（9/17 10:15）→ 44 ×4」／ホーム「40（9/17 10:16）→ 44」）＝
      ★この3つだけ ★D-5036 C2（bda6bb58）の 44 の前の値（★原図の G h36×120／G2 h40）へ戻します＝新しい数0。
    ★★当てる所 … ★工房の頭の `.kb-acts`（面に1つ）と ★ホームの今日のアピールの札（本文 `.ob-appeal-2` を直に持つ札）の足だけ。
      ★格G・格G2 を着た他の釦（交流［見送る］・顧客［顧客を追加］［目標を設定］・工房の資料室［開く］・note［記事を書く］・
       導線［入口を追加］ほか）は 44 のまま不動。
    ★★可逆＝この塊を消すだけ。 */
.kb-acts > .ob-btn-g{ height:36px; min-height:36px }
.card:has(> .ob-appeal-2) > .card-acts > .ob-btn-g2{ height:40px; min-height:40px }
/*  ★★★UI揃えの表 v1 §1②・§2「工房＞接続／資料室／通知／サポートの釦：③（28）に戻す（9/17）」
      （描き役B D5085 全数の撮り直し e5a2e594 の押す物の赤 2・3「資料室［開く］120×44・通知［通知を受け取る］132×44 → 28」）＝
      ★工房の札の足（`.card-actions`）に居る格G＝資料室［開く］と通知［通知を受け取る］／［確認の通知を送る］の2つだけを、
      ★同じ面の［接続］・サポート［開く］と同じ格H の値（丈28・字なり最小68・内側14・字13/600・縁 --ob-input-line・当たり44）へ＝新しい数0。
    ★★工房の頭の［基本設定］［詳細設定］（`.kb-acts`・36）と、他の面の格G（note［記事を書く］・顧客［目標を設定］ほか）は不動。
    ★★可逆＝この塊を消すだけ。 */
.main.kobo .tile > .card-actions > .ob-btn-g{
  height:28px; min-height:28px; width:auto; min-width:68px; padding:0 14px;
  border-color:var(--ob-input-line); font-size:13px; font-weight:600;
}
.main.kobo .tile > .card-actions > .ob-btn-g::after{content:"";position:absolute;left:0;right:0;top:50%;bottom:auto;height:44px;transform:translateY(-50%)}
/* ★当たり44＝寸の小さい2種だけが器を太らせずに 44 を持つ（★原図の丈は変えない） */
/*  ★★★★D-5062d（★当窓 c08840ac §4 の申告＝ ★**当窓が自ら次の1件**と記帳した物）＝
      ★★**座布団（当たり44）が 釦の上に乗っていません**（★左へ 半分・上へ 22px ずれています）。
    ★★真因 … ★**条が2枚**、★**打ち消し合わずに 半分だけ効いて**います。
      ① 器の紙（`index.html` の素の条）… `.tool::after,…{top:50%;left:50%;
         transform:translate(-50%,-50%); width:100%;min-width:44px;height:44px}`
         ＝ ★**中央に置いてから 半分ずつ戻す**（★translate は「置き方」と対で意味を持つ）
      ② この行（`inset:-8px 0`）… ★**置き方だけ**を上書きし（top/left が px になる）、
         ★★`transform` は ★**残ります**＝ ★半分戻す手だけが生き、★座布団が ★左と上へ逃げます。
    ★★生値（★prod の面・★当窓の器で ★条の有無の両方・★390と1440。★実測の間に配車が入り
      ★prod は `bb103f35`→`628d7ac5` へ動きましたが ★数はどちらでも同じでした）…
      ★座布団が釦の中心から外れた物（★6タブの全数）… ★1440 **40／58**・★390 **39／58**
        （★★当窓の非の訂正 … ★着地 `7c8dae89` の註と文に ★**52／53** と書きましたが
          ★タブごとの数（★1440 … ホーム8・発信0・交流0・顧客14・導線12・工房6）を
          ★足し違えた物です＝ ★**条の効き目は 1本も変わりません**。★この便で直しました）
        ★★うち各 **1本** は `.help` の「？」＝ ★同じ病ですが 出どころは
          `index.html:4179 .help::after{inset:-5px}` ＝ ★**当窓の紙では在りません** → ★ビルダー
        ＝ ★格H は ★1440 **39本**・★390 **38本** が ★全部この行の物。
      ★★★**自分の面を隣の釦に取られた釦** … ★1440 **13本**／★390 **15本** … 例：
        ★ホーム 交流候補 … [見る] の右が ★**[少し違う]**（★押すと ★AIが飛びます＝ ★課金）
        ★導線・工房 … 行の [開く] の下が ★**次の行の [開く]**（★別の物が開きます）
        ★顧客 売上＞書き出し … [売上CSV] の右 **31px** が ★**[顧客CSV]**（★別の帳が落ちます）
    ★★是正 … ★**この行に `transform:none` を1語**（★①の「半分戻す」を この行の置き方に合わせて
      ★止めるだけ）＝ ★★**新しい数 0**・★新しい条 0・★新しい印 0・★**面の字は1pxも動きません**
      （★実測＝ ★格H の座布団は ★地・絵・縁・影・囲み・字・透け を ★**1つも持ちません**
       ＝ ★顧客1440 の格H ★**14本とも 絵に出る物 0**＝ ★置き方を変えても ★絵は動きません）。
      ★当たりの丈は 44 のまま（★`height:44px` は ①のまま）。
    ★★実測（★着地後の姿を条で注して）… ★ずれた物 **40→1・39→1**（★残る1本＝「？」）
      ／★取られた釦 **13・15→0・0**（★390×844 の本物の丈でも **3→1**）。
    ★★`.ob-btn-g2::after` は ★触りません … ★実測で ★**ずれ 0本**（★格G2 は `.tool` を
      1本も着ておらず ①が当たりません）＝ ★当窓は ★**測った物だけ**を直します。
    ★★可逆＝この1語を消すだけ。 */
.ob-btn-h::after{content:"";position:absolute;inset:-8px 0;transform:none}
.ob-btn-g2::after{content:"";position:absolute;inset:-2px 0}
.ob-btn[disabled]{opacity:.4;cursor:default}

/* ── ④ pick（＋開いた時の一覧）───────────────────────────────────────
   ★原図 … pick h28 ／ 角10 ／ 縁1px ／ 当たり44
   ★D-4427 … 一覧＝行 h40・15/400・最大6行・地#12110E・縁1px #3D3420・角10・**影なし**・下8 */
.ob-pick{
  /* ★★★D-4528（★設計者の実写・当窓の非）… ★値が幅0に潰れていました。
     ★pick は ★**字なり**（★`max-content`）＝ ★ラベルも値も**読める**幅を持ちます。
     ★原図の 70／83／99 は ★**ラベルだけの見本の状態**の値です。 */
  width:max-content; max-width:100%;
  display:inline-flex; align-items:center; justify-content:space-between; gap:12px;
  /*  ★★★D-4979①③（★裁定 2026-09-19）＝ ★**当たり44は座布団でなく釦の丈で取る**。
      ★★実測（★prod `34f84656`・390・★本物のタップ `ob_men_atari.py`）…
        ★`.ob-pick`（28）＝ ★顧客[担当 すべて] `＋上0＋下0 ＝ **28**`／
          [並び順 …] `＋上0＋下10 ＝ **38**`／発信[案内先 …] `**28**`
          ＝ ★座布団（`::after{inset:-8px 0}`）は ★**届いていません**（★上下の器に潜る）。
      ★★∴ ★丈そのものを ★**44**（★格G・G2 と同じ律）。★字も色も幅も1バイトも触りません。 */
  height:28px; min-height:28px; box-sizing:border-box; padding:0 14px;   /* ★D-4983① 戻し＝28（★壊した便 `7b2c8f74`） */
  font-size:13px; font-weight:500; position:relative;
  background:var(--ob-input-bg); border:1px solid var(--ob-input-line);
  border-radius:10px; color:var(--ink); cursor:pointer; text-align:left;
}
/*  ★★★★D-5062e（★当窓 7c8dae89 §7 の記帳＝ ★**⑫タップ44未満の全数割り**で掴みました）＝
      ★★pick の座布団は ★**42**（★44に **2px 足りません**）。
    ★★真因 … ★この行は ★`inset:-8px 0` の **上下の位置だけ**で丈を作っており、★丈は
      ★**中の箱**（`box-sizing:border-box`＋`border:1px`＝ ★28−2＝**26**）＋8＋8 ＝ ★**42** に
      ★なります。★格H（`.ob-btn-h::after`）が 44 を持てるのは ★器の紙の
      ★`.tool::after{height:44px}` が **丈を名指し**しているからで、★pick は ★`.tool` を
      ★**1本も着ていません**（★`.tool::after` の並びに `.pick` は在りません＝実測）。
    ★★生値（★prod・1440・0.25px刻みで当たりの端を走査）… ★[表示20件] ★**42.75**／
      ★[CSV出力]（★格H・同じ面・同じ行の丈）★**43.75** ＝ ★**この2pxが丸ごと差**です。
    ★★是正 … ★丈を **44** と名指しするだけ（★格H と**同じ数・同じ書き方**）。
      ★★新しい数0（★44は律の数）・新しい条0・新しい印0。★座布団は ★地・縁・字を1つも
      持ちません＝ ★**面の絵は1pxも動きません**（★絵の突合＝報せ §5）。
    ★★可逆＝この1語を消すだけ。 */
.ob-pick::after{content:"";position:absolute;inset:-8px 0;height:44px}
.ob-pick .pl{font-size:13px;color:var(--ink-dim);white-space:nowrap}
/* ★★D-5109 §7-1（創造D 9/24 15:54）… ★発信＞X投稿＞案内先 ＝ ★札の欄の名「案内先」と ★箱の中の頭の字「案内先」が ★**同じ字が2度**。
   ★★欄の名（`labelBlock` の `.label`）が在る時だけ ★箱の中の頭の字を出しません（★実測＝この形に当たる pick は案内先の1つだけ・他の pick 5つは不動）。
   ★★可逆＝この1条を消すだけ。 */
[class~="field"] > [class~="label"] + div > div > [class~="ob-op"] > [class~="ob-pick"] > [class~="pl"]{display:none}
/* ★★D-5109 §7-3（創造D 9/24 15:54）… ★発信＞X投稿 ＝ ★テーマの欄と ★下書きの欄（★題の無い欄）の間だけ ★32（★他の欄の間は16）。
   ★★真因＝ ★余白が3つ重なっていました … ★テーマの入力の下8（★素のstyle）＋ ★欄の下16 ＋ ★下書きの上8（★素のstyle・★textarea は inline-block で余白が畳まれません）。
   ★★UI揃えの表 v1 §4「題の無い欄の上の二重の余白は消す」＝ ★欄の下16 の1つだけ残します（★他の欄の間と同じ16）。
   ★★実測（prod・本物の Chrome・6面×390/1440）＝ ★当たるのはテーマの欄の1つだけ。★他の面は差0。
   ★★可逆＝この2条を消すだけ。 */
[class~="field"]:has(+ textarea[class~="cd-input"]) > input[class~="cd-input"]:last-child{margin-bottom:0 !important}
[class~="field"] + textarea[class~="cd-input"]{margin-top:0 !important}
/* ★★D-4528 … ★値は ★**縮めません**（★`flex:1 1 0` だと幅0まで潰れます＝実測）。 */
.ob-pick .pv{flex:0 1 auto;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ob-menu{
  /* ★★★D-4713① … ★一覧は ★**器の外（body）**へ出します（★`.ob-tools{overflow:auto}` で切られるため）。
     ★★∴ ★幕（★`--z-sheet` **900**）より**上**に置きます（★幕の中の pick も開けるように）。
     ★★`position` は ★器が `fixed` に替え、★`top/left` を釦の真下に置きます。 */
  position:absolute; left:0; top:calc(100% + 8px); z-index:1000;
  /* ★★★D-4508④（★設計者の赤「担当で絞れない＝pick が開かない」）＝ ★★開いてはいました。
     ★★実測（★prod 3398684c・顧客390）… ★押すと `hidden=false／display=block／子=2` ＝ ★出ています。
       ★★但し ★**幅70**（＝[担当]の幅）で、★字が縦に折れて ★**読めない**＝「開かない」に見えていました。
     ★★是正 … ★一覧は ★**中身なり**（★`max-content`）／★下限は pick の幅／★上限は版面。 */
  min-width:100%; width:max-content; max-width:calc(100vw - 32px);
  background:var(--card-grad);
  border:1px solid var(--card-line); border-radius:10px;
  padding:8px 0; box-shadow:none;
  max-height:calc(40px * 6 + 16px); overflow-y:auto;
}
.ob-menu > div{
  min-height:40px; height:40px; display:flex; align-items:center;
  gap:12px; padding:0 14px; font-size:15px; font-weight:400;
  color:var(--ink); cursor:pointer; box-sizing:border-box;
}

/* ── ⑤ 内札 ───────────────────────────────────────────────────────────
   ★原図 … 札の内側いっぱい（幅 324／1118）・内側 16・縁1px・角10・地は札と同じ */
.ob-inner{
  background:var(--card-grad);
  border:1px solid var(--line);
  border-radius:10px;
  padding:16px;
  box-sizing:border-box;
}

/* ── ⑥ 幕（箱＋足）───────────────────────────────────────────────────
   ★原図 §0 … 幕＝**366**（390）／**480**（1440）／**640**（個票・請求書）・内側20・縦中央に浮く
   ★足 … 主釦 →12→ [戻る]120×44（★右端）／★破壊（削除）は **格H・左端**・12 */
.ob-sheet-ov{
  position:fixed; inset:0; z-index:var(--z-sheet,900);
  background:rgba(0,0,0,.62);
  display:flex; align-items:center; justify-content:center;
  padding:24px 12px;
}
.ob-sheet{
  /* ★★D-4447 実測の是正 … ★`max-width:calc(100vw - 24px)` が ★390 で **366 を 366 に留めず**
     ★親の幅いっぱい（390）まで許していました（★`width` より `max-width` が先に効く場ではない＝
     ★実測 390）。★★∴ ★上限も **366** で言い切ります（★原図＝390 の面で幕は 366・左12）。 */
  width:366px; max-width:min(366px, calc(100vw - 24px));
  max-height:calc(100vh - 48px); overflow-y:auto;
  background:var(--card-grad); border:1px solid var(--card-line);
  border-radius:10px; padding:20px; box-sizing:border-box;
  box-shadow:var(--card-lift);
}
@media (min-width:961px){ .ob-sheet{width:480px;max-width:min(480px, calc(100vw - 24px))} }
.ob-sheet.ob-sheet-wide{width:640px;max-width:min(640px, calc(100vw - 24px))}
@media (min-width:961px){ .ob-sheet.ob-sheet-wide{width:640px} }
/* ★★D-4499（★原図v2.5 幕13枚の部品表から読める **共通の骨**）
   ★幕 幅366・左12・内側20 ／ ★題 上40・h28・18/600・**罫なし**（★13枚どれも罫の行が在りません）
   ★題→最初の中身 **16** ／ ★ラベル→欄 **8** ／ ★欄→次のラベル **16**
   ★足 ＝ 最後の中身の下端 **+24** → 主釦 →**12**→ [戻る]（★右端）／★破壊は主釦の行の**左**。 */
/* ★★D-4508① … ★題は ★**頭の器（`ob-modal-head`）の中**にも居ます＝ ★子孫で拾います。 */
.ob-sheet .ob-title{ height:28px; min-height:28px; border-bottom:0; margin:0 }
.ob-sheet > .ob-title + *,
.ob-sheet > .ob-modal-head + *{ margin-top:16px }
.ob-sheet > .ob-modal-head{ margin:0; padding:0; border-bottom:0 }
/* ★★★D-4603（★実測 幕_顧客を追加_390）… ★足の間が **24**（★原図 **12**）。
   ★★真因 … ★足に ★**字を持たない空の器**（`.left`＝横並びの時の突っぱり）が居り、
     ★縦並び（column-reverse）では ★丈0のまま ★**gap を2つ**作っていました（12+0+12＝24）。
   ★★是正 … ★足の中の ★**空の器**は出しません（★釦・欄は残します）。 */
.ob-sheet > .ob-sheet-f > *:empty:not(button):not(input):not(textarea){ display:none }
/* ★★★D-4603（★実測 幕の題が **幅91**・★原図 **326＝幅いっぱい**）…
   ★題の親（`.ob-modal-head`）が横並びのため ★題が**字なり**に縮んでいました。 */
.ob-sheet .ob-title{ flex:1 1 auto; width:100% }
/* ★★D-5617（★設計者 10/13 12:40・実写）「発信『X に投稿』の失敗のポップアップ：字の 1 行目が上で切れている
     （箱の丈が足りない）。面直しA：箱を字に合わせて伸ばす・上の内余白・390 も。」
   ★真因（★本番の発信・幕の器 `_sheet` に失敗の字）… ★題の丈が **28 固定**（★pb12 込み）＝ ★2 行目からは
     ★字が上下にはみ出し、★幕の上端で **49（1440）／81（390）** 切れていました（★[戻る] も字に被る）。
   ★是正 … ★丈を字なりへ（★行の高さ 28）。★1 行の題は ★丈・字の位置とも **不変**（★幕 138・字の上 16＝実測）。 */
.ob-sheet .ob-title{ height:auto; min-height:0; line-height:28px; margin-top:-6px; padding-bottom:6px }
/* ★★★D-4603（★原図v2.5 の幕の部品表を全数）… ★幕の中の pick は ★**7つとも 28×326＝幅いっぱい**。
   ★★実測 … ★[3月]（決算月）だけ ★**幅76＝字なり**でした（★D-4528 の「字なり」は**面**の pick の律）。
   ★★是正 … ★幕の中だけ ★幅いっぱいへ（★面の pick は字なりのまま）。 */
.ob-sheet .ob-pick{ width:100%; max-width:100% }
/* ★★★D-4664（★実測 幕_請求書_発行_390＝ ★釦[日付](pick) が **28×66**・★原図 **28×326**）:
   ★★真因 … ★pick 自身は `width:100%` で正しいのに、★**包み**（★名の無い `<div>`）が **66** でした
     ＝ ★100% の分母が 66（★`.ob-op` で包まれる呼び手は 324 で正しく出ています）。
   ★★是正 … ★幕の中で ★**pick を直に持つ包み**を幅いっぱいに（★他の器は触りません）。 */
.ob-sheet :has(> .ob-pick){ display:block; width:100% }
.ob-sheet > .ob-sheet-f{
  display:flex; flex-direction:column-reverse; gap:12px;
  align-items:flex-end; justify-content:flex-start;
  /* ★★D-4508① … ★足は ★**最後の欄 +24**（★原図13枚の共通）。★直書きの 12 に勝たせます。 */
  margin-top:24px !important;
}
/* ★★D-4508① … ★破壊（[削除]）は ★**主釦の行の左端**（★原図§0・幕の足）。
   ★★`.ob-sheet-destroy` が付かない古い呼び手のために ★**格Hの物を左へ**（★主釦・[戻る]以外）。 */
/* ★★D-4559 … ★破壊は ★**印（`.ob-sheet-destroy`）が在る物だけ**を左へ。
   ★★実測（★前）… ★この規則が [戻る]にも当たり ★足の間が **68**（★原図56＝44+12）でした。 */
/* ★★D-4480 移行③ … ★足の子は ★**伸び縮みしません**（★旧 canon の `flex:0 0 auto` を引き継ぐ）。
   ★★実測（★入れる前）… ★[戻る]が ★**h120**（★幅と同じ値まで伸びた）＝ ★丈の指定より
     ★flex の伸長が勝っていました。★原図＝主釦 →12→ [戻る]**120×44**。 */
.ob-sheet > .ob-sheet-f > *{ flex:0 0 auto }
/* ★★★D-4603（★実測 1440・幕_顧客を追加）… ★[戻る] が ★**44×62**（★原図 B＝**120×44**）。
   ★★真因 … ★古い等幅の律 `.card-actions>button:not(:only-child){flex:1 1 0;min-width:0}`（★重み 0,2,1）が
     ★当窓の `.ob-sheet > .ob-sheet-f > *`（★重み 0,2,0）に**勝って**いました。
     ★★主釦は ★同じ形の対の1本（`.sheet > .sheet-f > .btn-gold`＝0,3,0）が既に在り**勝って**いたため
       ★**[戻る]だけ**が痩せる、という形でした（★390 では別の律で 120 に見えていました）。
   ★★是正 … ★[戻る] にも ★同じ重み（0,3,0）の1本を置きます（★!important は足しません）。 */
.ob-sheet > .ob-sheet-f > .ob-btn-back{ flex:0 0 auto; width:120px; min-width:120px; max-width:none }
.ob-sheet > .ob-sheet-f > .ob-btn-p{ flex:0 0 auto; width:auto; min-width:120px; max-width:none }
.ob-sheet > .ob-sheet-f > .ob-sheet-destroy{ flex:0 0 auto; width:auto; min-width:68px; max-width:none }
/* ★★★D-4664（★原図v2.5 幕_担当一覧_390＝ ★釦[追加](H) **28×68**）… ★実測 **28×56**。
   ★★真因 … ★`550462de` で ★[戻る]・主釦・破壊には ★同じ重み(0,3,0)の対を置きましたが、
     ★★**格H の分が抜けて**いました＝ ★古い等幅の律
     `.card-actions>button:not(:only-child){flex:1 1 0;min-width:0}`（★0,2,1）に負けます。
   ★★是正 … ★足の中の格H にも ★同じ重みの1本を（★`!important` は足しません）。 */
.ob-sheet > .ob-sheet-f > .ob-btn-h{ flex:0 0 auto; width:auto; min-width:68px; max-width:none }
.ob-sheet > .ob-sheet-f > .ob-sheet-destroy{ align-self:flex-start; margin-top:12px }


/* ── ★D-4447 仕上げ … ★状態と部分も **ここだけ**（★値は元の定義から写した物＝新しい値0）───
   ★pick のシェブロン `.cv` ／ ★一覧の選択中 `.on`（＋印）／ ★一覧の仕切り `.sep`
   ★釦の押し／なぞり ／ ★入力・pick の焦点。 */
.ob-pick .cv{flex:0 0 auto;width:10px;height:10px;
  border-right:1.5px solid var(--ink-dim);border-bottom:1.5px solid var(--ink-dim);
  transform:rotate(45deg) translateY(-2px)}
.ob-menu > div.on{color:var(--gold);font-weight:600}
.ob-menu > div.on::after{content:"";width:8px;height:14px;
  border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);
  transform:rotate(45deg);flex:0 0 auto}
.ob-menu .sep{min-height:0;height:1px;background:var(--line);padding:0;margin:4px 0}
@media (hover:hover){
  .ob-btn-h:hover{background:var(--ghost-hover-bg);border-color:var(--gold-dim);color:var(--gold)}
}
.ob-btn-h:active{background:var(--ghost-hover-bg);border-color:var(--gold-lo);color:var(--gold-lo)}
.ob-pick:focus,.ob-pick:focus-visible{outline:0;border-color:var(--ink)}

/* ★★★D-4509③（★原図13枚の幕）… ★ラベルは ★**字なり**（★原図＝18×26〜39）。
   ★★実測（★描き役C・幕_顧客を追加_390）… ★**324（全幅）**で不合になっていました。
   ★★丈も **18**（★原図）＝ `.label`／`.cd-flabel` の両方に効かせます。 */
.ob-sheet .label,.ob-sheet .cd-flabel{
  display:block; width:max-content; max-width:100%;
  height:18px; min-height:18px; line-height:18px; margin:0 0 8px;
  /* ★★★D-4684（★12条⑧「同じ役は同じ字・同じ形」）… ★実測 ★幕の欄名が**割れて**いました:
       ★幕_顧客を追加／売上を記録する（`.label`）＝ **13/500**
       ★幕_目標を設定（`.cd-flabel`）      ＝ **12.5/500**
     ★★同じ役（★欄名）ゆえ ★**13/500** に揃えます（★丈18・下8 は既に1つ）。 */
  font-size:13px; font-weight:500;
}

/* ★★★D-4510②（★原図13枚の幕）… ★幕の中の**行**は ★**h44**
   （★原図＝入口ページ／統合LPを選択の radio 44・★目標を設定の行 44・★担当一覧の行 44・
     ★Googleの行 44・★QRの行 44・★請求書の行 44）。★実測は 23〜30 でした。
   ★★radio は ★**丸16**（★原図の註）。 */
.ob-sheet [role="radio"]{
  min-height:44px; display:flex; align-items:center; gap:12px; box-sizing:border-box;
}
.ob-sheet [role="radio"]::before{
  content:""; flex:0 0 auto; width:16px; height:16px; border-radius:50%;
  border:1px solid var(--ink-dim); box-sizing:border-box;
}
.ob-sheet [role="radio"][aria-checked="true"]::before{
  border-color:var(--gold); box-shadow:inset 0 0 0 4px var(--gold);
}

/* ★★★D-4514②（★原図 全画面の「頭:題」＝ **28×358**）… ★実測は **28×44**（★字なり）でした。
   ★真因＝ ★題の行が `display:flex`（`.title-row`）で ★h1 が字なりに縮んでいました。
   ★★h1 を伸ばします（★[？]は右端のまま＝ ★`margin-left:auto` の既存の形は不変）。 */
.main > .page-head h1,
.main > .ob-frame h1,
.title-row > h1{ flex:1 1 auto; min-width:0 }

/* ★★★D-4517②（★原図13枚の幕）… ★**欄**は ★1行＝**44**／★2行＝**88**。
   ★★実測（★描き役Cの突合・9件＝幕の不合の最多）… ★**28〜30**
     （★`.cd-input` に丈の指定が無く ★**内側なり**でした）。★字も色も変えません（★丈だけ）。 */
.ob-sheet .cd-input:not(textarea){ height:44px; min-height:44px; box-sizing:border-box }
.ob-sheet textarea.cd-input{ min-height:88px; box-sizing:border-box }

/* ★★★D-4517③（★原図 全画面）… ★**ラベルは字なり**（★原図＝18×26〜104）。
   ★★実測 … ★発信の「種別」「案内先」「テーマ」が ★**18×324（全幅）**でした。
   ★★幕の中は既に字なり（★D-4509③）＝ ★**面の中も同じ律**にします。 */
.main .label,.main .cd-flabel{
  display:block; width:max-content; max-width:100%;
  min-height:18px; line-height:18px;
}

/* ★★★D-4556改（★設計者裁定 2026-09-08）… ★フッタ「▲ OBELIS」は ★**常に面の一番下**。
   ★★実測（★prod・工房390）… ★`#main` の底 1600／★フッタの下端 1448 ＝ **153px 浮いて**いました。
   ★★面は ★縦flex＋`min-height:100dvh`、★フッタは `margin-top:auto`＝ ★中身が短くても底に着きます。
   ★★390 … ★下の余白 ＝ ★**帯(55)＋安全域**（★帯に隠れない）。★1440 … ★面の底＋24。 */
#main, .main{ display:flex; flex-direction:column; min-height:100dvh; box-sizing:border-box }
#main > .obelisk-footer, .main > .obelisk-footer,
#main > footer, .main > footer{
  /* ★★D-4590 … ★上の余白は **margin** で（★`padding-top` を丈に足すと下に24の隙が残ります＝実測）。 */
  /* ★★D-4592 … ★下の余白は ★**面の `padding-bottom`** が持ちます（★二重にしない）。
     ★★実測 … ★フッタ自身に `margin-bottom:24px` が在り、★下端が内側の底より24上でした。 */
  margin-top:auto; margin-bottom:0; height:48px; min-height:48px; box-sizing:border-box;
  padding:0; display:flex; align-items:center; justify-content:center; position:relative;
}
@media (max-width:760px){
  #main, .main{ padding-bottom:calc(55px + env(safe-area-inset-bottom, 0px)) }
}
@media (min-width:761px){
  #main, .main{ padding-bottom:24px }
}

/* ★★★D-4557①（★設計者の赤「発信の択の押した印が付かない」）＝ ★★**素の定義が消えていました**。
   ★★実測（★prod・発信390）… ★印そのものは ★**正しく動いています**（★押すと `on` が移る）が、
     ★★`.seg button.on` の **地（金）と字**が ★**空**でした（★`backgroundColor=""` `color=""`）。
   ★★真因 … ★釦の移行（★D-4480 移行①）で ★`.seg button` が ★共有規則ごと消えていました。
   ★★是正 … ★`0b5ec368` の値を**そのまま**写します（★新しい値0）。★原図＝択は **高44**。 */
.seg{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:8px;
      border:1px solid var(--line); border-radius:10px; padding:8px; transform:translateZ(0) }
.seg button{ padding:8px; border-radius:10px; font-size:15px; font-weight:600; line-height:1.2;
             color:var(--ink-dim); white-space:nowrap; text-align:center;
             height:44px; min-height:44px; box-sizing:border-box;
             display:inline-flex; align-items:center; justify-content:center }
.seg button.on{ background:var(--gold); color:var(--on-gold); font-weight:600 }
.seg-wrap{ grid-auto-flow:row; grid-auto-columns:auto;
           grid-template-columns:repeat(auto-fit,minmax(96px,1fr)) }
.seg-wrap button{ white-space:normal; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere }

/* ★★★D-4559（★原図13枚の幕）… ★chip は ★**高36**・★字なり（★原図＝36×42〜98）。
   ★★実測（★prod・幕_顧客を追加_390）… ★温度の chip が ★**44×44**でした
     （★当窓が D-4509③ で `.ob-tools` の中に置いた時、★行の h44 に伸びていた）。
   ★★canon の `.chip` は 36 です＝ ★行の中でも **36 のまま**に留めます。 */
.ob-sheet .chip, .ob-tools .chip, .chip{
  height:36px; min-height:36px; width:auto; flex:0 0 auto; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center;
}
.chip.on{ border-color:var(--gold); color:var(--gold); font-weight:600 }

/* ★★★D-4584（★原図 幕_統合LPを選択／幕_入口ページ「radio(高44・**丸16**)」）…
   ★★実測 … ★素の `input[type=radio]` が **13×13**でした。★数で 16 にします（★色は既存のトークン）。 */
.ob-sheet input[type="radio"]{
  width:16px; height:16px; flex:0 0 auto; margin:0;
  accent-color:var(--gold);
}
.ob-sheet label:has(> input[type="radio"]){ min-height:44px; box-sizing:border-box }

/* ★★★D-4584（★原図 幕_請求書_発行／_発行後）… ★行「取引」「請求書番号」「振込先」「登録番号」は ★**高44**。
   ★★実測 … ★`.cd-row` の中が 23／27 で ★行の丈が立っていませんでした。 */
/* ★★★D-4678①（★原図v2.5 幕_請求書_発行後_390）… ★行「取引」上84（★→128）→ ★行「請求書番号」**上144**
   ＝ ★行と行の間は **16**。★実測 … ★**0**（★2本が背中合わせ）。
   ★★幕の中の行だけ（★個票の `.crm-drawer` は ★`.ob-sheet` ではないので触れません）。 */
.ob-sheet .cd-row + .cd-row{ margin-top:16px }
/* ★★★D-4682（★原図v2.5 顧客_390「件数「N件」(**13/400**・左・縦中央) 16×24 上400 左33」）:
   ★★実測（★字のインクで測りました）… ★**12.5/500**（★`.hint` の既定）／ ★左33 ⭕ ／ ★縦中央 ⭕。
   ★★∴ ★字の寸と太さだけ原図へ（★器の丈40＝道具の行の格は そのまま・★中で縦中央）。 */
.ob-count-b{ font-size:13px; font-weight:400 }
/*  ★★★★D-5062c／B3・G10（★設計者の絵31 verbatim「★［顧客を追加］と段がずれる」）＝
      ★★**道具の行の添えの字が、同じ行の釦より 4px 下に落ちています**。
    ★★真因 … ★`.hint` は ★**縦に積む注記**の為に `margin-top:8px` を持ちます（★`index.html:843`・★共通）。
      ★★道具の行（`.crm-toolbar`）は `display:flex;align-items:center` ＝ ★子の**外箱**（★余白込み）で
      ★中央を取るので、★上に 8 が付いた字は ★**その半分（4px）だけ下**へ落ちます。
    ★★実測（★prod `04bdeb1c`・★`ob_men_12jo.py` ＋ 当窓の probe・★字の箱で測りました）…
      ★440 顧客 … ★行 y887 h48（★中心 **911**）／ ★「6件」`div.hint.ob-count-b` y895 h40（★中心 **915**）
        ／ ★［顧客を追加］ y889 h44（★中心 **911**）＝ ★★**4px 下**。
      ★1440 顧客 … ★行 y878 h44（★中心 **900**）／ ★「1–6 / 6件」`span.hint` y893 h22.5（★中心 **904.25**）
        ／ ★［表示 20件］ y886 h28（★中心 **900**）＝ ★★**4.25px 下**。
        ★件数の行（★行 y454 h44）も同じ病で ★**3.7px 下**でした。
    ★★是正 … ★**道具の行の中だけ**、★縦積みの為の余白を 0 に。
      ★★これは ★D-264 が `.card-actions>.hint{margin-top:0}` で ★**既に当てている同じ型・同じ値**です
      （★当窓は ★新しい数を1つも作っていません）。★`.hint` 本体は ★**不触**＝
      ★縦に積む注記の姿は ★1px も変わりません。
    ★★退行の対（★実測・★全タブ×両幅）… ★`.crm-toolbar` の直下の `.hint` は ★**3つ**だけで、
      ★うち「棒をタップで金額」（★`ob-sec` の **block** の行）は ★**既に `margin-top:0`**＝
      ★この条で 1px も動きません。★動くのは ★残る 2つ＝ ★どちらも `flex` の行です。
    ★★可逆＝ ★この1条を消すだけ。 */
[class~="crm-toolbar"] > [class~="hint"]{ margin-top:0; }
/* ★★★D-4684（★原図v2.5 顧客_390「行N:2段目(**13/400**)」）… ★実測 **12.5/500**（★`.hint` の既定）。
   ★★氏名（16/600）と見出し（18/600）は ★**合っています**（★字のインクで確かめました）。
   ★★一覧の2段目だけ原図へ（★`.crm-mobile` の中＝390の一覧だけ・★他の `.hint` は不動）。 */
.crm-mobile .hint{ font-size:13px; font-weight:400 }
/* ★★★D-4684（★原図v2.5 工房_390／_1440「URLの行(**13/400**)」「状態(**13/400**)」）:
   ★★実測 … ★URLの行 **13/400** ⭕ ／ ★状態の行 **13/500**（★中の `<b>` は 600）。
   ★★∴ ★状態の行だけ ★**400** へ（★中の `<b>` の 600 は ★「完了」の印＝そのまま残します）。 */
.main.kobo .kb-who > .kb-line{ font-weight:400 }
/* ★★★D-4684 3周（★原図v2.5）… ★字の指定を**全数**当てて残っていた2つ:
   ★① 工房「通知」の本文 … ★原図 **15/500**（工房_390 上644 ／ _1440 上714）／ ★実測 **13/500**。
   ★② 幕の説明（★幕_QR「上376」／★幕_Google「上144・上372」）… ★原図 **13/400**／ ★実測 **13/500**。
   ★★どちらも `.hint` の既定に負けていました（★丈22 は行なりで変わりません）。 */
.main.kobo .ob-card > .kb-line{ font-size:15px; font-weight:500 }
/* ★★★D-4684 3周（★原図v2.5 工房_390／_1440「資料室：本文**2行(15/13)**」）:
   ★★＝ ★1行目 **15** ／ ★2行目 **13**。★実測は ★**2行とも15**でした。
   ★★通知の札は「本文(15/500)」＝ ★**1行だけ15**（★2行目の指定が在りません）＝
     ★資料室の札の中でだけ ★2本目を 13 にします（★通知は不動）。 */
.main.kobo .ob-card > .kb-line + .kb-line{ font-size:13px }
.main.kobo .ob-card:has(> .card-actions) > .kb-line + .kb-line{ font-size:13px }
.ob-sheet .hint{ font-size:13px; font-weight:400 }
/* ★★★D-5075 §4（★面直しA の持ち場「2段目の字 13px `--sub`」）… note記事の画像の行の2段目（出どころ・位置）。
   ★実測 12.5/500（`.hint` の既定）→ 13/400。★色は `.hint` の既定（--sub）のまま。
   ★名はビルダー 5ecb17ea が付けた `note-img-sub`（★この行だけ・他の `.hint` は不動）。可逆＝この1条を消すだけ。 */
.hint.note-img-sub{ font-size:13px; font-weight:400 }
.ob-sheet .cd-row{
  min-height:44px; display:flex; align-items:center; gap:12px; box-sizing:border-box;
}
.ob-sheet .cd-row > .k{ flex:0 0 auto; font-size:13px; color:var(--ink-dim) }
.ob-sheet .cd-row > .v{ flex:1 1 0; min-width:0; font-size:15px; text-align:right;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

/* ★★★D-4597（★設計者の実写・1440）… ★顧客の表が ★**札を565px はみ出して**いました
   （★実測 … `crm-tbl` 右端1399／札の右端834／[開く]も札の外・[最終接触]以降が全部外）。
   ★★真因 … ★`table-layout:fixed` を持つ規則が ★**`.crm-grid2 .crm-tbl`** の形で、
     ★当窓が札の器を替えた便（`af940936`）で ★**当たらなくなって**いました。
   ★★是正 … ★器に依らず ★**表そのもの**に当てます（★原図 顧客_1440＝表は札の中・536幅）。 */
.ob-card .crm-tbl, .card .crm-tbl{
  table-layout:fixed; width:100%; max-width:100%;
}
.ob-card .crm-tbl th, .ob-card .crm-tbl td,
.card .crm-tbl th, .card .crm-tbl td{
  overflow:hidden; text-overflow:ellipsis; width:auto;
}
/* ★★★D-4603（★原図 顧客_1440「列左=0/130/200/250/320/400・[開く]右端468」）＝
   ★列幅 ★**130／70／50／70／80／136**（★1440 の 536 幅の表）。★実測は全列 **55** の等分でした。
   ★★行は ★**48**（★実測 79）＝ ★`td` の内側を詰めます（★字は不触）。 */
@media (min-width:961px){
  .ob-card .crm-tbl th:nth-child(1), .ob-card .crm-tbl td:nth-child(1),
  .card .crm-tbl th:nth-child(1), .card .crm-tbl td:nth-child(1){ width:130px }
  .ob-card .crm-tbl th:nth-child(2), .ob-card .crm-tbl td:nth-child(2),
  .card .crm-tbl th:nth-child(2), .card .crm-tbl td:nth-child(2){ width:70px }
  .ob-card .crm-tbl th:nth-child(3), .ob-card .crm-tbl td:nth-child(3),
  .card .crm-tbl th:nth-child(3), .card .crm-tbl td:nth-child(3){ width:50px }
  .ob-card .crm-tbl th:nth-child(4), .ob-card .crm-tbl td:nth-child(4),
  .card .crm-tbl th:nth-child(4), .card .crm-tbl td:nth-child(4){ width:70px }
  .ob-card .crm-tbl th:nth-child(5), .ob-card .crm-tbl td:nth-child(5),
  .card .crm-tbl th:nth-child(5), .card .crm-tbl td:nth-child(5){ width:80px }
}
.ob-card .crm-tbl tbody tr, .card .crm-tbl tbody tr{ height:48px }
/* ★★★D-4691（★原図v2.5 顧客_1440＝ ★「表の頭(13/400・**高32**)」「表:行(**高48**)」）:
   ★★実測 … ★頭 **21** ／ ★行 **64**。
   ★★真因（★列ごとに測って判りました）… ★行を押し上げていたのは ★**進捗の欄**で、
     ★札（`.cbadge` 24）が ★**2つに折り返して** 24+24＝48 ＋ 内側8 ＝ **64** でした。
     ★★他の6列は ★中身1行で ★行なりに伸びていただけです。
   ★★是正 … ★① 頭は ★**32**（★内側で作ります）
     ★② 進捗の欄は ★**折り返さない**（★札1つが原図＝ ★24）＝ ★行が **48** に収まります。 */
.ob-card .crm-tbl thead th, .card .crm-tbl thead th{ height:32px; padding-top:0; padding-bottom:0 }
.ob-card .crm-tbl tbody td, .card .crm-tbl tbody td{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ob-card .crm-tbl tbody td .cbadge, .card .crm-tbl tbody td .cbadge{ display:inline-block; vertical-align:middle }
/* ★★★追記（★実測）… ★折り返しは止まり ★札は横並び（★上22）になりましたが、★行は **64** のままでした。
   ★★真因 … ★`inline-block` の札（24）が ★**行箱**を作り、★欄の丈が ★行送りで決まっていました。
   ★★是正 … ★欄の丈を ★**原図の48**（★内側込み）に固定し、★中は縦中央に置きます。 */
/* ★★★D-4697（★9手目で名指しできました）… ★行が **64** だった持ち主は
   ★`.crm-tbl tbody tr > td{height:64px}`（★重み **0,2,2**）で、
   ★当窓の `.ob-card .crm-tbl tbody td`（★**0,3,1**）に**勝って**いました
   （★`>` の子結合子は重みに入りませんが、★`tr`＋`td` の**器2つ**が効きます）。
   ★★実測の裏づけ … ★中身を空にしても・内側0でも・行送り14でも ★**64のまま**でした
     ＝ ★中身ではなく ★**丈が直に書かれていた**からです。
   ★★是正 … ★同じ形（★`tr > td`）で ★原図の **48** を書きます。 */
.ob-card .crm-tbl tbody tr > td, .card .crm-tbl tbody tr > td{ height:48px; line-height:1.2; vertical-align:middle }
/* ★★★D-4703（★原図v2.5 顧客_390＝ ★行1 上194 → 行2 上258 ＝ ★**ピッチ64**・★行は罫で仕切る）:
   ★★実測 … ★行の丈 **64** ⭕ ／ ★ピッチ **76**（★行が `margin-bottom:12px` を持っていました）。
   ★★是正 … ★一覧の行は ★**間を持ちません**（★仕切りは ★行の下の罫1px が持ちます）。
   ★★★追記（★実測で1度外しました）… ★持ち主は
     ★`.crm-mobile[class~="ob-krow"]>[class~="krow"]{margin-bottom:var(--ob-gap-card)}`（★重み **0,3,0**）
     ＝ ★`.crm-mobile > .krow`（★0,2,0）では届きません。★**同じ形**で書きます。 */
.crm-mobile[class~="ob-krow"] > [class~="krow"]{ margin-bottom:0 }
/* ★★★D-4703（★原図v2.5 発信_390＝ ★[下書きをつくる](G2) 40×**128** 左93
   ／ ★[Xに投稿](P) 44×**120** 左237 ＝ ★**右に寄る2つ**）:
   ★★実測 … ★親が ★**等分の格子**（`.card-actions` display:grid）で ★**156ずつ**でした。
   ★★是正 … ★2つ並ぶ足は ★**右端へ寄せ**、★各々の格の幅（G2=128／P=120）を持たせます。
   ★★★前便で ★印をG2 1つにした時に ★`btn-line` の「幅120」が外れて ★156 に伸びていました
     ＝ ★★当窓の非（★印を替えたら ★幅の持ち主も見る）。 */
.main .card-actions:has(> .ob-btn-g2 + .ob-btn-p),
.main .card-actions:has(> .ob-btn-p + .ob-btn-g2){ display:flex; justify-content:flex-end; gap:12px }
.main .card-actions > .ob-btn-g2{ flex:0 0 auto; width:128px; min-width:128px }
/* ★★★D-4703（★実測 … ★資料室390で ★**横に13px 溢れて**いました）:
   ★★真因 … ★[修正する] **20個のうち1個**だけ、★名が長い行（★「季節の焼き菓子詰め合わせ(8個入)」）で
     ★名 **280** ＋ 釦 **82** ＝ **362** ＞ 器 **324** ＝ ★釦が右へ押し出されていました。
   ★★是正 … ★行の中の**名**を ★縮む形に（★`…` で切る）＝ ★釦は右端に残ります（★役は消えません）。
     ★★格Hの下限68は ★釦の側が持っています（★名だけが縮みます）。 */
.main .ob-shell-body [class~="tool"]{ flex:0 0 auto }
/* ★★★D-4703（★当窓の非の是正）… ★26周で入れた「名を縮める」1本が ★**釦自身**にも当たり、
   ★資料室の子面の ★[LP]（★格H）が ★**28×46**（★下限68）になっていました。
   ★★∴ ★**釦は除きます**（★縮むのは ★字の器だけ）。 */
/* ★★追記（★実測）… ★釦を除いたら ★**溢れが戻り**ました（★名が縮まなくなったため）。
   ★★＝ ★縮めるのは ★**名（字の器）だけ**、★釦は ★**縮まない**、の**両方**が要ります。 */
.main .ob-shell-body [class~="tool"]{ flex:0 0 auto; min-width:68px }
/* ★★追記2（★実測）… ★`:has(+ …)` が届かず ★名の `min-width` が **auto** のままでした。
   ★★∴ ★**釦を持つ行**（`:has(> [class~="tool"])`）の中の ★釦でない子を ★全部縮む形に。 */
/* ★★追記3（★実測で3手外しました）… ★名は ★**`<button>` でした**（★押せる行）＝
   ★当窓の `:not(button)` が ★**名を自分で除外**していました。
   ★★分け目は ★「★道具（`.tool`）か どうか」です（★タグではありません）。 */
.main .ob-shell-body *:has(> [class~="tool"]) > :not([class~="tool"]){
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
/* ★★★D-4703（★原図v2.5 顧客_390＝ ★「商品別:行(高**48**)」「取引一覧:行(高**72**)」）:
   ★★実測 … ★**80** ／ ★**118**（★どちらも ★札の器で描かれ ★内側 上下10 が乗っています）。
   ★★中身のインク … ★商品別 **58**（27＋23＋8）／ ★取引一覧 **96**（29＋23＋28＋16）
     ＝ ★内側の上下10を外すと ★**60／100**。★原図の 48／72 は ★**行の丈**で、
     ★中の2段（★名＋添え）を ★**行なり**に詰めた姿です。
   ★★是正 … ★この2つの一覧の行は ★**札の器の内側を持たず**（★上下0・左右16）、
     ★行の丈を ★原図（48／72）に置きます（★中は縦中央・★仕切りは罫1px）。 */
.crm-mobile .ob-card:not(:has(.ob-title)),
.main .ob-card .ob-card:not(:has(.ob-title)){ padding-top:0; padding-bottom:0 }
/* ★★★追記（★実測）… ★内側を外して ★**80→60** ／ ★**118→98** になりました。
   ★★残りは ★**行送り**です … ★名 27（★字15）／ ★添え 23（★字13）＝ ★字なりなら 21＋19＝40。
   ★★∴ ★この2つの一覧の中は ★**行送りを字なり**（1.35）にします ⇒ ★48／72 に寄ります。 */
.crm-mobile .ob-card:not(:has(.ob-title)) > *,
.main .ob-card .ob-card:not(:has(.ob-title)) > *{ line-height:1.35 }
/* ★★★追記2（★実測）… ★商品別は **48** ⭕。★取引一覧は **85**（★原図72）。
   ★★中身 … ★名 21 ＋ 添え 19 ＋ ★[請求書]の行 **28** ＋ 間 ＝ 85。
   ★★原図の 72 は ★**名＋添え＋釦を1つの行に**（★釦は右）＝ ★名の行と釦を**同じ段**に置きます。
   ★★∴ ★釦の行の上の間だけ **0** にし、★釦を ★名の右へ寄せます（★字も器も落としません）。 */
.main .ob-card .ob-card:not(:has(.ob-title)) > .card-actions{ margin-top:0; margin-bottom:0 }
/* ★★★追記3（★中の並びを直に測って）… ★行118 の中身は
   ★名 **29**（上11）＋ 添え **23**（上48・★margin-top 8）＋ 釦の行 **28**（上79・★margin-top 8）
   ＝ ★内側10×2 ＋ 29＋8＋23＋8＋28 ＝ **118**。
   ★★原図 **72** ＝ ★内側0 ＋ 名21 ＋ 添え19 ＋ 釦28 ＋ 間4 ＝ 72。
   ★★∴ ★行の中の**全部の間を 0** にします（★間は行の丈が持ちます）。 */
/*  ★★★★D-5036 C3-ア（★設計者の実機 2026-09-21）＝ ★**アピールの本文と[この下書きを見る]がくっついている**。
      ★★実測（★prod `1513a7d0`・390・ホーム）… ★本文 `.ob-appeal-2` の下 **435** ／
        ★釦の行 `.card-acts` の上 **435** ＝ ★**間 0**。
        ★`.card-acts` は ★`margin-top:12px` を持つのに ★**0 に潰れて**いました。
      ★★★潰していた条（★名指し）… ★**この条**（★便 `75272d49`＝D-4703 取引一覧の行のための物）。
        ★`.main .ob-card .ob-card:not(:has(.ob-title)) > *` は ★**題を持たない中の札の子を全部**打ち、
        ★★アピールの中の札（★題が無い）まで ★**巻き添え**にしていました
        （★D-5029① で交流候補の札でも ★同じ条が犯人でした）。
      ★★是正（★律＝直さず戻す）… ★的を ★**取引一覧・商品別の一覧だけ**に絞ります
        （★`.crm-mobile` の側は ★そのまま＝ ★取引一覧の原図72はこちらが持ちます）。
        ★★アピールと交流候補の札には ★**当たらなくなり**、★`4deee383` の **12** が生き返ります。
      ★★新しい数は1つも作っていません（★的を狭めただけ）。 */
.crm-mobile .ob-card:not(:has(.ob-title)) > *{ margin-top:0; margin-bottom:0 }
.ob-card .crm-tbl tbody td, .card .crm-tbl tbody td{ padding-top:4px; padding-bottom:4px }
.ob-card .crm-tbl th:last-child, .ob-card .crm-tbl td:last-child,
.card .crm-tbl th:last-child, .card .crm-tbl td:last-child{
  width:100px; min-width:100px; white-space:nowrap; text-align:right;
}
/* ★★D-4600 … ★表の最後の列の釦は ★**列に収めます**（★実測 [請求書を発行する] が 17px はみ出し）。
   ★★字は `…` で切れますが ★押せます（★役は消えません）。 */
.ob-card .crm-tbl td:last-child > .ob-btn,
.card .crm-tbl td:last-child > .ob-btn{
  /* ★★★D-4603（★当窓の非の是正）… ★ここの `min-width:0` が ★**格Hの下限68を潰して**いました
     （★実測 ★顧客の一覧の[開く] ＝ **w52／w55**・★原図 顧客_390／_1440 とも **28×68**）。
     ★★外します＝ ★各々の格が自分の下限を持ちます（★はみ出しの押さえは `max-width:100%` が持ちます）。 */
  /*  ★★★★D-5062e（★当窓 7c8dae89 §7 の記帳＝ ★**⑫タップ44未満の全数割り**で掴みました）＝
      ★★この `overflow:hidden` が ★**自分の座布団を切って**いました
        ＝ ★表の最後の列の釦の当たりは ★**28**（★44ではありません）。
      ★★生値（★prod・1440・顧客・0.25px刻みで当たりの端を走査）…
        ★[開く] **28.75**／[請求書] **28.5**／[請求書を発行する] **28.5**
        ／★同じ面の格H [CSV出力]（★表の外）**43.75** ＝ ★**表の中だけ 15px 短い**。
      ★★★D-4600 の役（★字を列に収める）は ★**今日も要ります**
        ＝ ★実測 [請求書を発行する] は ★中身 **132** ／ 器 **98** ＝ ★**34px はみ出します**
        （★`overflow:visible` に戻すと ★当たり幅が 100.75→**119.75**＝ ★字が列の外へ出ます）。
      ★★∴ ★**切るのは今までどおり・座布団の逃げる 8px だけ通します**＝
        ★`overflow:clip` ＋ ★`overflow-clip-margin:border-box 8px`
        （★8 は ★この座布団の `inset:-8px` と**同じ数**＝ ★新しい数0）。
        ★★`border-box` を書くのは ★既定が `padding-box` で ★縁の1pxぶん**内側**を切り、
          ★当たりが **42.75** と ★1px 足りなくなるからです（★実測で両方測りました）。
      ★★実測（★着地の条を注して）… ★[開く] **28.75→43.75**（★[CSV出力]と同値）／
        ★当たり幅は **68.75／100.75 のまま**（★字は列の中のまま）。
        ★絵＝ ★1440 顧客の全面で ★違う点 **147/2,304,000**・★最大の差 **1/255**
        ＝ ★角の丸みの縁のぼかしだけ・★字は1つも動きません（★ホーム・発信・導線・工房は
          ★**違う点0**）。★顧客390・工房1440 は ★**中身そのものが回ごとに変わる面**なので
          （★HEAD×HEAD でも 31万点違います）★絵では判じられず、★**箱**で突合しました
          ＝ ★pick 6本・表の釦 10本・札 全数（両幅・7面）とも ★**前後同値**。
      ★★★申告 … ★`overflow-clip-margin` を読めない器では ★`overflow:clip` だけが効き、
        ★**今日と同じ 28** に戻ります（★退行は0・★直らないだけ）。★設計者の実機（390）は
        ★この表を使いません（★390 は `.krow` の行＝ ★実測で当たり **44**・当窓の手の外）。
      ★★可逆＝この2語を `overflow:hidden` へ戻すだけ。 */
  max-width:100%; overflow:clip; overflow-clip-margin:border-box 8px;
  text-overflow:ellipsis; display:inline-block;
  line-height:26px; text-align:center;
}

/* ── ⑦ 道具の行 ───────────────────────────────────────────────────────
   ★原図 §0 … 道具の行 **h40**（★一覧の下端 +12 ＝ 相対の律） */
.ob-tools{
  display:flex; align-items:center; gap:8px;
  min-height:40px; height:40px; box-sizing:border-box;
}
/* ★★D-4499 移行⑦ … ★道具の行の子は ★**縮みません**（★幕の足と同じ穴＝実測で 390 の格G が
   ★120 → **48** に潰れました）。★原図の道具の行は ★寸のまま並びます（★溢れは横送り）。 */
.ob-tools > *{ flex:0 0 auto }
.ob-tools{ overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap }
/* ★★★D-4603 … ★**題を持つ**道具の行は ★行の丈を持ちません（★題の律＝h29＋下16 に任せる）。
   ★★実測 … ★題→内容が **−6**（★行の丈40に題の下の余白が飲まれていました）。
   ★★釦・pick だけの行は ★**h40 のまま**（★原図§0）。 */
.ob-tools:has(> .ob-title){ height:auto; min-height:0; display:block; overflow:visible }
/* ★★★D-4684 4周（★実測 … ★内札「月次推移」の題→内容が **21**）:
   ★★真因 … ★題を持つ道具の行は ★丈を持たない形にしましたが（★D-4603）、
     ★★その行の**中の添えの字**（`span.hint`）が ★行の**縦中央**に置かれ ★+5 になっていました。
   ★★是正 … ★題を持つ行の中は ★**上から**並べます（★題の16だけが間を持ちます）。 */
.ob-tools:has(> .ob-title) > *{ align-self:flex-start; margin-top:0 }
/* ★★★追記（★実測で3手外しました・★機械に並びを吐かせて分かりました）:
   ★行は ★`display:block` に変えてあり（★D-4603）、★中は ★題(29) → **`.grow`(丈0)** → 添えの字。
   ★★`.grow` は ★**横並びの時の突っぱり**で、★縦並びでは ★**自分の行**を作ります
     ＝ ★題の16の下に ★もう1行ぶんの隙（★+5）が出ていました。
   ★★是正 … ★題を持つ行の中の ★**丈0の突っぱりは出しません**（★横並びの行では不動）。 */
.ob-tools:has(> .ob-title) > .grow{ display:none }
/* ★★★追記2（★字のインクで測って**確定**しました）… ★真因は ★`.grow` ではなく ★**行箱**でした:
   ★添えの字は `display:inline`・★行送り **22.5**・★字の丈 **19** ＝ ★差 3.5 の半分（**1.75**）が
   ★字の**上**に乗り、★題の 16 に足されて ★**21**（★16+1.75＋丸め）になっていました。
   ★★是正 … ★題を持つ行の中の**字**は ★行箱でなく ★**箱**にし、★行送りを字の丈に合わせます。 */
.ob-tools:has(> .ob-title) > span{ display:block; line-height:19px }
.ob-tools:has(> .ob-title) > .ob-title{ display:flex }
/* ★★★D-4578（★390）… ★道具の行は ★**1行に収めます**（★原図＝1本の行・★溢れて隠れない）。
   ★★pick は縮み、★値は `…` で切ります（★字は消しません＝押せば一覧に全部出ます）。
   ★★1440 は幅が在るので ★字なりのまま（★下の @media を当てません）。 */
@media (max-width:760px){
  /* ★★★D-4597 … ★390 は ★pick を **等分に分け合って** 1行に収めます（★実測＝2つで 347 > 324）。
     ★★`.ob-op`（★pick の外の器）にも効かせます＝ ★実測で外の器が縮んでいませんでした。 */
  /* ★★★★D-4786 周回／★D-4764①（★設計者の実機で見えた赤）＝
       ★★390 の[並び順]の値が ★**23px** に潰れて ★**読めません**（★実測 … 中身135）。
       ★★真因 … ★D-4597 の `flex:1 1 0` は ★**等分**＝ ★中身の長さを見ずに半分ずつ割ります
         （★[担当]は 69 で足りるのに 114 を取り、★[並び順]は 174 要るのに 114 しか貰えません）。
       ★★是正 … ★**中身なりに分け**（`flex:1 1 auto`）、★1行に収まらない日は ★**折り返します**
         （★行は既に `flex-wrap:wrap`）＝ ★原図の「1行に2つ」は ★収まる日はそのまま。
       ★★数は1つも足していません（★`0`→`auto` の1語）。 */
  .ob-tools > .ob-pick,
  .ob-tools > .ob-op{ flex:1 1 auto; min-width:0 }
  .ob-tools > .ob-op > .ob-pick{ width:100%; min-width:0; max-width:100% }
  .ob-tools .ob-pick .pv{ min-width:0; overflow:hidden; text-overflow:ellipsis }
  /* ★釦は縮めません（★原図＝[CSV出力] 80・右端） */
  .ob-tools > .ob-btn,
  .ob-tools > .ob-tools-r,
  .ob-tools > .crm-addrow{ flex:0 0 auto }
}
.ob-tools::-webkit-scrollbar{ width:0; height:0 }
.ob-tools > .ob-tools-r{ margin-left:auto; display:flex; align-items:center; gap:8px }

/*  ★★★★D-4723／D-4714（設計者裁定 2026-09-10・★実機の赤）… ★★**札の内側と 足の律**。
    ★★裁定 verbatim …「★①[元の投稿を開く]（格H）＝**右端揃え**（札の内側の右16）」
      「★②[承認して下書き]（主釦）と[見送る]の行＝札の下端との間が**0**。
        ★足の律（★主釦→**12**→[見送る]・★札の内側の**下16**）へ」
      「★D-4714 … ★内側を他の札と同じ（★**左右16・上下12**）に。★字は**15/400**・★行送り**1.6**」
    ★★★病（★当窓の実測）… ★`.card-acts` は ★右揃えと 間12は持っていますが、
      ★★**下の空きを 1つも持っていません**（★★札の下端に くっつきます）。
      ★★また ★`.ob-card` の内側は ★**10px 16px**＝ ★上下が ★**10**（★裁定は ★**12**）。
    ★★★是正 … ★①札の内側を ★**12px 16px** ★②足の行に ★**下16の空き** ★③右端揃え（★既在）。
    ★★可逆 … ★この塊を消すだけ（★元＝ ★10px 16px・★足の空き 0）。 */
.ob-card{ padding:12px 16px }
.card-acts{ margin-top:12px; padding-bottom:16px }
.card-acts>.ext,.card-acts>a.ext{ margin-left:auto }
/*  ★★D-4714 … ★「今日の一手」の札の字（★15/400・★行送り1.6）＋
    ★★句読点が行頭に来ない（`line-break:strict`）＝ ★1440も 同じ律。 */
.ob-card .ichite-body,.ichite-body{
  font-size:15px; font-weight:400; line-height:1.6; line-break:strict;
}
/*  ★★★D-4744改2（設計者裁定 9/10）… ★ホーム「今日の一手」＝ ★**箱は広いのに字が右3割を残して折れる**。
    ★★真因（★prod 390 の生値・当窓の実測）… ★字の要素に `max-width`／`width`／`padding-right` は
      ★**在りません**（★`max-width:none`・`padding-right:0px`＝ ★裁定の見立てとは違いました）。
      ★★実体は ★**札が二重**で ★16px の内側の余白が ★**二度**効くことです＝
        ★画面 390 → 面の余白で 358 → ★外の札の余白で 324 → ★中の札の余白で 292 → ★字 290
        （★1行目の実インク 269＝ ★画面の 69%＝ ★右に 3割 残る）。
    ★★是正 … ★この節（`.ichite-sec`）だけ ★**外の札の左右の余白を 0**（★中の札が枠を持つため
      ★枠は 1枚のまま・★上下の余白は 触りません）＝ ★字は 358-32=326 まで伸びます。
    ★可逆 … ★この塊を消すだけ。★他の節は 1バイトも変わりません。 */
/*  ★★★★D-4973③ア（★設計者裁定 2026-09-18）＝ ★**この個別の条は「直す」のではなく「消す」**。
      ★★律 verbatim …「★事業者面の札は ui.css の `.card` 1つだけ。★面の中で札に個別の寸
        （padding／margin／width／inline style／!important）を当てている所は ★**消す**」
      ★★実測（★prod `5c903922`・390）… ★この2本のせいで「今日の一手」だけ ★**内側 20px/0px**
        （★基準の札は 20px/20px）＝ ★中の札が ★札の縁に **1.0px** まで寄っていました。
      ★★∴ ★2本とも消しました（★下に字だけ残します＝何を消したかが読めるように）。
        ★消した物: `.main .section.ichite-sec,.ichite-sec{padding-left:0!important;padding-right:0!important}`
                   `.main .section.ichite-sec>.section-h,.ichite-sec>.section-h{padding-left:16px;padding-right:16px}` */

/*  ★★★★D-4792 裁定（★設計者 2026-09-10・★全窓共通）＝
      ★★**1440 の頭 ＝ 眉あり・題なし・[？]**（★`D-4001⑤` が勝つ・★**8面共通**）。
      ★★裁定待ち **19／22** は ★これで閉じます。
    ★★実測（★当窓・1440）… ★頭の器 **h44**／★眉は `display:none`／★題は読み上げ専用。
      ★∴ ★★**眉だけ**を戻します（★題は伏せたまま＝ ★裁定 verbatim「題なし」）。
    ★★書く場所 … ★**ui.css の側**（★D-4776改「面の中のCSSに新しい規則を足さない」）。
    ★★★踏んだ穴2件（★頭に残します）:
      ★(1) ★重み … ★面の写しと ★**同じ重み**で書くと ★載る順で勝ち負けが変わります
        （★器の `OB_CSS` は head の**先頭**に入るので ★同じ重みでは**負けます**）＝
        ★∴ ★印を1つ重ねて ★**どこに載っても勝つ**形にしました。
      ★(2) ★縮み … ★頭は ★`main.main`（★縦の並び）の中の1つ＝ ★`min-height:44px` が在ると
        ★★中身が 60 でも **44 まで縮みます**（★眉が器から溢れます）＝ ★∴ ★**縮ませません**。
    ★★390 は ★1バイトも動きません（★この塊は ≥761 の中だけ）。★可逆＝この塊を消すだけ。 */
@media (min-width:761px){
  .main > .page-head.page-head.page-head > .eyebrow,
  .main > .ob-frame.ob-frame.ob-frame > .eyebrow{ display:block }
  .main > .page-head.page-head.page-head,
  .main > .ob-frame.ob-frame.ob-frame{
    min-height:44px; height:auto; flex:0 0 auto }
}

/*  ★★★D-4785（設計者裁定 2026-09-10）… ★app 殻の**地**をここで塗ります。
    ★★病 … ★制作の卓は 1032 のまま（D-3174）で、★その**右に白い帯**が出ていました＝
      ★殻に地の色が無く、★下の素の白が見えていたためです。
    ★★是正 … ★殻（`.app`）と ★体（`body`）に ★同じ地を1枚（★卓の幅は 1バイトも触りません）。
    ★可逆＝この2行を消すだけ。 */
html,body{ background:var(--bg,#0A0A0B) }
.app{ background:var(--bg,#0A0A0B) }

/*  ★★★★D-4805①（★設計者 2026-09-10・今夜の最終）＝
      ★★**工房の札の釦は 44**（★制作[開く]／接続[設定]／サポート[開く]×4）。
    ★★実測（★prod `5f0d3488`・両幅）… ★これらは ★格H（`ob-btn-h`）＝ **28×68**。
      ★★同じ札の中の ★[基本設定]／[詳細設定]／[資料室 開く] は ★格G＝ **36×120**（★不触）。
    ★★当たり（44）は ★`::after` で既に在りましたが、★裁定は ★**見た目の44**です。
    ★★当たるのは ★**工房の札の中だけ**（`.kb-tile`）＝ ★他の面の格Hは ★1バイトも動きません
      （★一覧の[開く]・幕の[担当一覧]・道具の行 … ★全部 28 のまま）。
    ★★幅は ★字なり（★最小68）＝ ★**寸は1つも新しく作っていません**（★44 は既在の律）。
    ★★可逆＝この塊を消すだけ。 */
/*  ★★★★D-4998（★設計者裁定 2026-09-20）＝ ★**「似せる」をやめ「同じ物にする」**。
      ★★律 verbatim …「★直すのではなく、★**個別に当てた寸・似せる用の条を消す**」
        「★条を消すのは面直しA」「★新しい部品・新しい字は0」
      ★★ここに在った ★**工房（`kb-` 系）に当てた似せる条 3本**を ★**消しました** …
        ① `.kb-tile .ob-btn-h / .tool` の座布団（★導線の格Hに寸を似せる条）
        ② `.kb-tile .card-actions > .ob-btn-g` の 28×68（★資料室の[開く]を格Hに似せる条）
        ③ `.kb-tile .kb-cn > div` の罫（★導線の行に似せる条）
      ★★★寸合わせの新しい条は ★**1行も書いていません**（★号⑩の順＝工房から）。
      ★★可逆＝`git show` で戻せます（★この塊を消した便＝この便）。 */

/*  ★★★★A13⑤（★指摘台帳 A13・D-5078 の⑤「幕の中の札は角と縁がホームの札と同じ部品（B10 と同じ）」）＝
      ★★GBPの幕の「事業所の情報」の札の中で ★**釦の丈が 44 と 28 に割れています**。
    ★★出どころ … ★描き役B の prod 5a9fa78e 実測（★9/23 19:35・440／393／1440・★→面直しA と名指し）。
      ★当窓も手元の木（HEAD cf5a731f）で同じ物を測り直しました（★`ob_men_a13_gbp.py`・393／1440）。
    ★★実測 … ★白枠［下書きをつくる］（格G）＝ **120×44** ／ ★［作成する］82×**28**・［GBPを開く］96×**28**（格H）
      ＝ ★B11（工房の札の中の格H・2436c0de）と ★同じ形。★札の角 10・縁 1px 金.35 は ★ホームの札と同じ
        `card ob-card`（★⑤の角と縁は既に満たしています＝ ★当窓の手 0）。
    ★★是正 … ★丈だけを ★**44**（★格G・B11 と同じ数＝ ★新しい数 0）。★字（13/600）・色・幅・印は不触。
      ★座布団は B11 と同じ作法（★D-4979①「当たり44は座布団でなく釦の丈で取る」）＝ ★この中だけ 0。
    ★★当たるのは ★**幕（`.sheet`）の中の、［GBPを開く］の席（`data-gbp-open`）を持つ札だけ**
      （★幕でない所・他の幕・クチコミ返信の札は ★1バイトも動きません）。
    ★★可逆＝この塊を消すだけ。 */
[class~="sheet"] [class~="ob-card"]:has([data-gbp-open]) [class~="ob-btn-h"]{
  height:44px; min-height:44px;
}
[class~="sheet"] [class~="ob-card"]:has([data-gbp-open]) [class~="ob-btn-h"]::after{
  top:0; bottom:0;
}

/*  ★★★★D-4820（★設計者裁定 2026-09-11）＝ ★個票の**連絡先の釦は 44**。
    ★★格H（`ob-btn-h`）は 28 が既定＝ ★**個票の連絡先の行の中だけ**を 44 にします
      （★工房の札と同じ作法＝ ★D-4805① と同型）。★幅は字なり＝ ★新しい寸 0。
    ★★可逆＝この塊を消すだけ。 */
.cd-row [class~="cd-contact"]{
  min-height:44px; height:44px; min-width:68px; max-width:100%;
  margin-left:auto; flex:0 0 auto;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/*  ★★D-4821 … ★値（★宛先・番号）は ★**縮んで省略**（★釦は縮みません）＝ ★行は1行のまま。 */
.cd-row > .v:has(+ [class~="cd-contact"]){
  flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/*  ★★★★D-4919①② の塊は ★**D-4952③（設計者 2026-09-17）で取り消し**ました。
      ★★号 verbatim …「★390も**中央**（★下から全幅は私の9/16の号が誤り）」＝ ★素の中央へ戻します。
      ★★∴ ★ここに在った `@media(max-width:760px){ .ob-sheet-ov{align-items:flex-end} … }` は ★**消しました**。 */

/*  ★★★★【統一の是正・その5】★★**題と添えがくっついています**（★目で見て見つけました）。
    ★★実測（★顧客・両幅）… ★題「来店型のパイプライン」（18/600）と
      ★添え「中間ゴール＝来店予約 / 最終＝利用」（12.5/500）の間が ★**0px**
      ＝ ★1440 では ★**字のインクの間も 0**（★「パイプライン中間ゴール」と1語に読めます）。
    ★★是正 … ★添えの左に ★**12**（★札の中の間の律＝既在の値）。★1440 は題の右・390 は折り返した次の行。
      ★★字も寸も ★**新しい物は1つも作っていません**（★12 は札の間・釦の間と同じ値）。
    ★★当たるのは ★題の中の添え（`.section-h > .meta` ／ `.ob-title > .meta`）だけ。
    ★★可逆＝この塊を消すだけ。 */
[class~="section-h"] > [class~="meta"],
[class~="ob-title"] > [class~="meta"]{
  margin-left:12px;
}

/*  ★★★★【統一の是正・その6】★★**道具の行の中で、択だけが倍の大きさ**（★目で見て見つけました）。
    ★★実測（★顧客・390・同じ道具の行）…
      ★[担当][並び順][期間]の pick … 丈 **28**・字 **13/600**・縁1px・角10・地は札の色
      ★★[一覧／パイプライン表]の択 … 器 **62**・札 **44**・字 **15/600**・★**金のべた塗り**
      ＝ ★**同じ行に居る同じ役（絞りの道具）が 倍の丈・違う字・違う地**（★面の中で一人だけ叫びます）。
    ★★是正 … ★**pick に寄せます**（★丈28・字13/600・器の内側4・選ばれた方は金の**縁と字**で示す）。
      ★★★金のべた塗りは ★**主釦（格P）の役**です（★1面1金の律）＝ ★絞りの道具が金を持つと
        ★★面で一番強い物が「一覧」になります（★正典の格の順が崩れます）。
      ★★色も寸も ★**既在の物だけ**（★`--gold`／28／13／10）＝ ★新しい値 **0**。
    ★★可逆＝この塊を消すだけ。 */
[class~="seg"]{
  padding:4px !important; gap:4px;
}
[class~="seg"] > button{
  min-height:28px !important; height:28px !important;
  font-size:13px !important; font-weight:600 !important;
  border-radius:8px;
}
[class~="seg"] > button[class~="on"]{
  background:transparent !important;
  border:1px solid var(--gold) !important;
  color:var(--gold) !important;
}
/*  ★★★D-5089④（創造D D-5088-3・描き役B D5087 当て直し「発信 種別 44→28 ×6／案内先の選び 44→28 ×2」）＝
      ★発信＞X投稿の［画像｜案内｜画像+案内］と［案内先］は ★設計者 9/19 18:30 の絵で丈 **44**。
    ★★是正 … ★X投稿の札（★種別の `.seg` を欄に直に持つ札＝面に1枚）の中だけ丈 44（★律の数・新しい数0）。
      ★顧客の［一覧｜パイプライン表］・担当／並び順の pick（28＝9/17 の絵で白）と画像の出どころ（F1・ビルダー）は不動。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"]:has(> [class~="field"] > [class~="seg"]) > [class~="field"] > [class~="seg"] > button,
[class~="card"]:has(> [class~="field"] > [class~="seg"]) [class~="ob-pick"]{
  min-height:44px !important; height:44px !important;
}
/*  ★★★UI揃えの表 v1 §3-2 ①（描き役B D5087 当て直し「発信［Xに投稿］46×132 → 44 ×2」・§6-1 同じ面の設計者の絵が正）＝
      ★設計者 9/19 18:30 の絵で ★［下書き作成］［Xに投稿］は ★同じ丈 **44**・上下の縁が揃う。★HEAD は ★46（格P）で上下に1ずつはみ出す。
    ★★是正 … ★X投稿の札（★上の塊と同じ札＝面に1枚）の足の行の ★格P だけ丈 44（★隣の格G2 と同じ数＝新しい数0）。
      ★字・色・塗り・幅・他の面の格P（46）は不動。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"]:has(> [class~="field"] > [class~="seg"]) > [class~="card-actions"] > [class~="ob-btn-p"]{
  min-height:44px !important; height:44px !important;
}
/*  ★★★D-5088 F2 札の律の残り（足16・下20・a605f67c の申告「次の便で1つずつ」）＝ ★発信＞X投稿の札。
      ★HEAD の実測 … ★本文の欄の下→足の釦 **27**・足の釦→札の下 **28**（★両幅）。
    ★★真因 … ★足 ＝ 本文の欄（inline-block）の下の余白8 ＋ ★行の下の字の沈み7 ＋ 足の行の上12。
      ★下 ＝ 足の下の ★空の `.hint`（投稿の報せの席）が上に8 を持ち、札の内側20 に重なる。
    ★★是正（★X投稿の札＝上の塊と同じ札だけ・新しい数0＝律の 16 と 0）… ★欄を行の頭に揃え下の余白0・足の行の上16・
      ★空の報せの席は箱を出さない（★字が入った時は今の上8のまま・★`.hint` の余白は書かない＝D-5062c ⑤）。
      ★欄の上・他の札の足は不動。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"]:has(> [class~="field"] > [class~="seg"]) > textarea{
  vertical-align:top; margin-bottom:0 !important;
}
[class~="card"]:has(> [class~="field"] > [class~="seg"]) > [class~="card-actions"]{
  margin-top:16px;
}
[class~="card"]:has(> [class~="field"] > [class~="seg"]) > [class~="card-actions"] ~ [class~="hint"]:empty{
  display:none;
}
/*  ★★★D-5088 F2 札の律の残り（下20・e0bfbcdc の申告「札ごとに1便ずつ」の2枚目）＝ ★発信＞画像の札。
      ★HEAD の実測 … ★出どころの択の下→札の下 **28**（★択の釦の下から数えると33・★両幅）。
      ★「足21」は ★択の釦を足と数えた見かけ（★線→択の箱は律の16＝不動）。
    ★★真因 … ★択の下の ★本文の席（★素の style で上8）が、★アルバムの間は ★空の絵の席・★隠した
      ★ファイルの欄・★空の `.hint`（★報せの席）だけ＝ ★中身0 で ★8 を持ち、★札の内側20 に重なる。
    ★★是正（★画像の札＝択の器の直後の席だけ・新しい数0）… ★席の子が **全部空の間だけ** ★箱を出さない。
      ★写真を選ぶ・報せ・AI・資料室・つけないの字が入れば ★今の上8のまま（★`.hint` の余白は書かない＝D-5062c ⑤）。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"] > div > [class~="section"] > div:has(> [class~="seg"]) + div:not(:has(> :not(:empty))){
  display:none;
}
/*  ★★★裁定台帳 F1 の紙の側（描き役B D5085 全数の撮り直し e5a2e594「発信＞画像の出どころ 28→44 ×5・両幅」・
      ビルダー 9b562bb6 の申告「丈は紙の側＝面直しA」）＝ ★以前の3＋2の対は ★丈 **44**。
    ★★是正 … ★画像の札の出どころの択（★上の塊と同じ器の道＝面に1か所）だけ丈 44（★X投稿の種別と同じ数＝新しい数0）。
      ★並び{3,2}・字13/600・選ばれた物の金線・器の内側4・間8 は不動。★顧客の択と pick（28）は不動。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"] > div > [class~="section"] > div > [class~="seg"] > button{
  min-height:44px !important; height:44px !important;
}
/*  ★★★D-5088 F2 札の律の残り（下20・cfe99dcb の申告「札ごとに1便ずつ」の3枚目）＝ ★発信＞note記事の札。
      ★HEAD の実測 … ★足の釦［記事を書く］の下→札の下 **40**（★両幅）。足は律の16（不動）。
    ★★真因 … ★足の下の ★生成後の器（★全文をコピー・全文を表示＝子は2つとも素の style で隠れる）が ★上12 を、
      ★その下の ★待ちの席（★素の style で上下8・中身0）が ★8 を持ち、★札の内側20 に重なる＝20＋12＋8。
    ★★是正（★note記事の札＝器が2つ続く所だけ・6面で1か所・新しい数0）… ★子が全部隠れている間だけ器の箱を出さない・
      ★空の待ちの席は箱を出さない。★生成の後（釦が出る・待ちの字が入る）は ★今の上12・上下8のまま。
    ★★可逆＝この塊を消すだけ。 */
[class~="card"] > [class~="section"] > [class~="card-actions"] + [class~="card-actions"]:not(:has(> :not([style*="display: none"]))),
[class~="card"] > [class~="section"] > [class~="card-actions"] + [class~="card-actions"] + div:empty{
  display:none;
}

/*  ★★★★【統一の是正・その7】★★**題の器から中身が溢れ、罫が字の途中を横切ります**
      （★目で見て見つけました＝ ★390 の「来店型のパイプライン」）。
    ★★実測（★390）… ★題の器 **丈29**（`height:29px` 固定）／★中身は ★**丈48**（題が2行・添えが2行）
      ＝ ★★**13px 溢れ**、★罫（器の下端）が ★「中間ゴール＝来店予約 / 最終」と「＝利用」の**間を横切ります**。
    ★★是正 … ★**添えを持つ題だけ** ★中身なりの丈へ（★`height:auto`・下限は29のまま）。
      ★★390 では ★題と添えを ★**縦に積みます**（★横に並べると2行×2列で読めません）。
      ★★★添えを持たない題（★ほとんど全部）は ★**1バイトも動きません**（★h29 のまま＝正典）。
    ★★寸は ★**29（下限）と 12（間）**だけ＝ ★新しい値 **0**。
    ★★可逆＝この塊を消すだけ。 */
[class~="section-h"]:has(> [class~="meta"]),
[class~="ob-title"]:has(> [class~="meta"]){
  height:auto; min-height:29px; align-items:baseline; flex-wrap:wrap;
  padding-bottom:6px;
}
@media (max-width:760px){
  [class~="section-h"]:has(> [class~="meta"]),
  [class~="ob-title"]:has(> [class~="meta"]){
    flex-direction:column; align-items:flex-start;
  }
  [class~="section-h"] > [class~="meta"],
  [class~="ob-title"] > [class~="meta"]{
    margin-left:0; margin-top:4px;
  }
}

/*  ★★★★D-4952①（★設計者裁定 2026-09-17）＝ ★**カードの題の下線を戻す**。
    ★★D-4950 R03（★当窓が当てた `border-bottom:0`）は ★**設計者の号が誤り**でした（★号の字のまま）。
    ★★原図（★基準画面html）の値を ★**そのまま写します** …
      `.card .t{ padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:16px }`
      ＝ ★**全幅・全タブ・両幅**。★数は原図から取り、★当窓では決めていません。
    ★★実測（★prod・390・当窓・D-4952の前）… ★題は `pb=0px` `border-b=0px none` `mb=16px`
      ＝ ★顧客5形／導線2形／工房2形 とも ★**下線0**でした。
    ★★当たるのは ★**全幅の題**だけ … ★`span` の題（★工房の `span.kb-nm.ob-title` 36×29）は
      ★行の中の名＝ ★**カードの題では在りません**（★除きます）。 */
/*  ★★★★D-5048⑤（★2026-09-22）＝ ★**ビルダーの作り直しが着地したので `kb-h` を外します**。
      ★★実測（★prod `9b598b68`・390・工房）… ★`.kb-h` を着ている物 ★**0件**
        （★便 `c22db45a`＝ビルダーが ★工房の札の題を ★**ホームと同じ `section-h ob-title`** へ作り直しました）。
      ★★4枚とも ★`section-h ob-title`・罫1px・pb12・mb16 ＝ ★**ホームの札と同値**。
      ★∴ ★もう ★**当たる物が在りません**＝ ★`kb-h` を ★**選択子から落とします**（★値は不触）。
      ★★顧客も ★判子 **1種**（`crm-mod-h.ob-title` は題の印として残る）＝ ★`.crm-mod-h` の条は
        ★`ui.css` に ★**0件**でした＝ ★消す物が在りません。 */
[class~="ob-title"]:not(span),
[class~="section-h"]:not(span){
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  margin-bottom:16px;
  height:auto;
}
/*  ★★★★D-5088 F2（★創造D 9/23 23:30「札の律の値を確定」＝ ★**題→線 12**）… ★上の `height:auto` の1語。
    ★★実測（★器 ob_bld_crm_harness・393）… ★題の箱 **29 固定**の中で ★字の行 26 が真ん中に置かれ、
      ★字の行の下→罫 ＝ **8**（★描き役B 札の表 53枚の「題→線 8」）。★pb12 が丈29 の中に食われていました。
    ★★是正 … ★丈を中身なりに（★字の行 26＋pb12＋罫1）＝ ★字の行の下→罫 **12**・★札の上→題 **20** は不動。
      ★新しい値 **0**（★12 は原図の `.card .t{padding-bottom:12px}` のまま）。
    ★★`.ob-sec` の行の中の題（★罫も pb も持たない）は ★丈29 のまま（★下の B5 の塊）。 */

/*  ★★★★D-4950 R11（★幕の[戻る]は左）の塊は ★**D-4952③で取り消し**ました。
      ★★号 verbatim …「★釦は**中央寄せの対**」＝ ★[戻る]だけを左端へ出す形とは ★**両立しません**。
      ★★∴ ★新しい号（③）に従い ★中央寄せの対にします（★下の D-4952③ の塊）。 */

/* ★★D-4950 R15（★当窓・面直しA）… ★左ナビの等間隔。
   ★★着地前に prod で実測＝「ホーム→制作」は ★**間 8** の律。
      ところが「制作→工房」だけ ★**間 49**（＝ gap8 ＋ `.zone-divider` の margin16/16 ＋ 罫1 ＋ gap8）。
   ★★∴ ★罫（区分の印）は ★**残したまま**、★律だけ ★**8 へ**揃えます
      （★8 ＋ (−4.5) ＋ 1 ＋ (−4.5) ＋ 8 ＝ ★8）。 */
nav[class~="sidebar"] > [class~="zone-divider"]{
  margin-top:-4.5px !important;
  margin-bottom:-4.5px !important;
}

/* ★★D-4950 R04（★当窓・面直しA）… ★工房>基本設定の面。★着地前に prod で実測。
   ★① 足 … `.card-actions` が ★**dir=column**＝[保存する]と[戻る]が ★**縦積み**（実測 保存 上1039／戻る 上1095）。
        ★★[戻る]は ★**DOM の後ろ**に居ます ＝ `order` で ★**左**へ出します（★R11 と同じ作り）。
   ★② 札間 … `.kobo-persona` → 次の札が ★**間0**（★この面の律は ★24＝頭→札24・札→[ページトップへ]24）。
   ★③ 欄の下 … `textarea` が ★`vertical-align:baseline` ＝ ★**下に 7px の空き**（★実測「親の下の余り=7」）。 */
/*  ★★当窓の実測 … ★この足の `flex-direction:column` は ★**器の字組みの直書き**
      （`acts.style.cssText="…flex-direction:column;align-items:flex-end;…"`）＝ ★綴じでは勝てません。
      ★★∴ ★この2つだけ ★`!important` で受け取ります（★字組みは1バイトも触りません）。 */
[class~="kobo-persona"] [class~="card-actions"]{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start;
}
[class~="kobo-persona"] [class~="card-actions"] > [class~="ob-btn-back"],
[class~="kobo-persona"] [class~="card-actions"] > [class~="btn-back"]{
  order:0; margin-right:auto;
}
[class~="kobo-persona"] [class~="card-actions"] > :not([class~="ob-btn-back"]):not([class~="btn-back"]){
  order:1;
}
[class~="kobo-persona"] + [class~="ob-card"]{ margin-top:24px; }
[class~="kobo-persona"] textarea{ vertical-align:top; }
/*  ★★1行にした途端 [保存する]が ★224/346 へ伸びました ＝ ★古い等幅の律
      `.card-actions>button:not(:only-child){flex:1 1 0;min-width:0}`（★上の 263 行の記）。
    ★★格P は ★**h44／最小120**＝ ★中身なりに戻します。 */
[class~="kobo-persona"] [class~="card-actions"] > button{
  flex:0 0 auto; width:auto; min-width:120px;
}

/* ★★D-4950 R07（★当窓・面直しA）… ★顧客の個票（`.crm-drawer`）の頭。★着地前に prod で実測。
   ★★前 … ★390 は ★帯（`.page-head` sticky・丈80・z100）の ★**真上**に個票（z200・上12・内側24）が乗り、
        ★題「D1200社員」が ★**上37**＝ ★帯の丈ぶんの余白が ★在りません（★1440 は帯60・個票 上64・題 上89）。
   ★★∴ ★個票の頭に ★**帯の丈ぶん**を足します（★390＝80／★1440＝60）。 */
/*  ★★当たるのは ★**390 だけ**です … ★1440 の帯は面の中（static・巻けば消える）＝ ★被りません。
      ★実測でも 1440 は個票 上64／題 上89 ＝ ★帯と当たっていません。 */
@media (max-width:760px){
  /*  ★★印は ★**3つ** … ★製品の 390 の律が `.crm-drawer.crm-drawer.crm-drawer{padding:24px 16px …}`
        （★重み 0,3,0）＝ ★2つ（0,2,0）では ★負けます（★実測で確かめました）。 */
  /*  ★★★★D-5111 §4（★描き役B 9/24 17:42・393 の実測）＝ ★**R07 の前提は在りません**。
        ★★今の 390 の個票は ★上0・z200・地は不透明（★D-4969②）＝ ★帯（z100）は ★個票の**下に隠れて**見えません。
        ★★104 は ★**見えない帯を避けるだけの黒い空き**でした（★2倍の画面で約200px）。
      ★★∴ ★他の面の頭と同じ ★**内側24＋安全域**へ戻します（★1440 は この塊の外＝差0）。 */
  [class~="crm-drawer"][class~="crm-drawer"][class~="crm-drawer"]{ padding-top:calc(24px + var(--safe-t, 0px)); }
}

/* ★★D-4950 R10（★当窓・面直しA）… ★請求書の紙を 390 の幅に収める。★着地前に prod で実測。
   ★★真因（★実測）… ★器（`iframe`）は ★**348×492 で幕に収まって**います。
      ★はみ出しているのは ★**中の紙**＝ `scrollWidth 794`（★A4 210mm）・★`viewport meta` が ★**在りません**
      ＝ ★390 では ★**116件**が右へ出て ★切れて見えます。
   ★★中は ★**口が返す別の文書**（`dealInvoiceHtml`）＝ ★綴じは届きません。
      ★∴ ★器の側で ★**紙の実寸（794）で置いてから縮めます**（★`zoom`＝ ★丈も一緒に詰まります）。
   ★★紙そのものを幅なりにする（★viewport meta ／ @media）のは ★**紙を返す口の窓**の仕事です
      ＝ ★1行で渡します（★ここは ★**見え方**の手当）。 */
@media (max-width:760px){
  [class~="ob-sheet"] iframe{
    width:794px; max-width:none; zoom:.41;
  }
}

/* ★★★★D-4952②（★設計者裁定 2026-09-17）＝ ★**カードの色を原図へ戻す**。
   ★★原図（★基準画面html）の値を ★**そのまま写します**（★数は原図から取り、★当窓では決めていません）…
     `.card{ background:linear-gradient(168deg,#1D1912 0%,#14110B 48%,#0D0B08 100%);
             border:1px solid rgba(201,162,75,.35);
             box-shadow:inset 0 1px 0 rgba(201,162,75,.10);
             padding:20px }`
     ＝ ★**全タブ・両幅で同じ値**。
   ★★実測（★prod・390・当窓・D-4952の前）… ★札は ★**3形に割れて**いました …
     ①`bg-color #12110E`（★べた）／②`linear-gradient(165deg,#1B1A16,#141310)`／③同①で ★内側 `0 16px`。
     ★縁は ★`#3D3420`（★金では在りません）・★影は ★`inset 0 1px 0 rgba(255,255,255,.04)`（★白）。
   ★★∴ ★色・縁・影・内側の ★**4つを原図の値で1本に**します（★角10は原図に無いので不触）。 */
[class~="ob-card"][class~="ob-card"],
[class~="card"][class~="card"]{
  background:linear-gradient(168deg,#1D1912 0%,#14110B 48%,#0D0B08 100%);
  border:1px solid rgba(201,162,75,.35);
  box-shadow:inset 0 1px 0 rgba(201,162,75,.10);
  padding:20px;
}
/*  ★★実測で「まだ割れている10件」に当たっている条を出しました … ★犯人は2つ。
      ★① `.main .section.card{padding:var(--card-g) var(--ob-card-p) var(--card-g)}`（★重み 0,3,0）
         ＝ ★上の 0,2,0 では ★負けます → ★**同じ 0,3,0** で受け取ります。
      ★② 「売上」の札の `linear-gradient(165deg,…)` は ★**器の字組みの直書き**（★条の一覧に居ません）
         ＝ ★綴じでは勝てず ★地だけ `!important` で1本にします。 */
/*  ★★重ねるほど ★次に重い条が出てきました（★実測で1つずつ名指し）…
      `.main .section.card`（0,3,0）→ `.main.ob-face .section.card`（0,4,0）→ …
    ★★原図の内側は ★**1つ（20px）**＝ ★重さの競り合いをやめ ★**値を1本に**します。 */
[class~="ob-card"][class~="ob-card"],
[class~="card"][class~="card"]{
  padding:20px !important;
}
[class~="ob-card"][class~="ob-card"],
[class~="card"][class~="card"]{
  background:linear-gradient(168deg,#1D1912 0%,#14110B 48%,#0D0B08 100%) !important;
}

/* ★★★★D-4952③（★設計者裁定 2026-09-17）＝ ★**幕（モーダル）をパーツ正典の型へ**。
   ★★号 verbatim …「★パーツ正典の型『投稿しましたか？』＝**中央**・**金縁(.45)**・**veil**・
     **釦は中央寄せの対**・**内容幅**・**破壊側に金を渡さない**。★390も**中央**。★全幕。」
   ★★実測（★prod・当窓・D-4952の前）…
     ★390 ＝ 覆いの寄せ `align=flex-end`／幕 **390×504 左0 下端差0**・角 `16px/0px`（★下から全幅）
       ＝ ★D-4919②（当窓の9/16の便）の姿。★号は ★**中央**。
     ★縁 ＝ `rgb(61,52,32)`（★`#3D3420`）＝ ★**金では在りません**（★号は ★金 `.45`）。
     ★足 ＝ `justify=flex-start`（★R11 の姿）＝ ★号は ★**中央寄せの対**。
     ★veil ＝ `rgba(0,0,0,.62)` ＝ ★在ります（★不触）。
   ★★∴ ★①390 を中央へ（★D-4919② を消しました） ★②縁を金 `.45` へ ★③足を中央寄せの対へ。
     ★★「内容幅」… ★1440 は `width:480px` の固定でした → ★中身なり（`max-width:480px`）へ。
     ★★「破壊側に金を渡さない」… ★取り消し側（`.ob-btn-p` を持たない `danger`／`取り消す`）へは
       ★金の地を当てません（★当窓は ★**金を足しません**＝ ★いま金を持つのは主釦だけ＝実測で確かめました）。 */
/*  ★★「内容幅」を `width:auto` と読んで当てたら ★幕が ★**294** に縮みました（★実測・[顧客を追加]）。
      ★★正典の幕は ★**366（390）／480（1440）**（★描き役Cの突合「幕 幅366・左12」）＝ ★寸は ★**素のまま**。
      ★∴ ★「内容幅」＝「★下から全幅にしない（★中身の幅の札）」と読み、★`width` は ★**触りません**。 */
[class~="ob-sheet"]{
  border:1px solid rgba(201,162,75,.45);
}
[class~="ob-sheet"] [class~="card-actions"],
[class~="ob-sheet"] [class~="ob-sheet-f"]{
  flex-direction:row;
  justify-content:center;
}

/* ★★★★D-4952④（★設計者裁定 2026-09-17）＝ ★**L0（眉・題・？）を全タブ・全子面で同値に**。
   ★★号 verbatim …「★眉のy・題のy・?の位置・帯の丈を同値に。★**数を1行で出してから**当てる」
   ★★① 数（★prod・390・当窓の実測）… ★★**親タブ6枚（ホーム／発信／交流／顧客／導線／工房）**は ★全部同値 …
        ★帯 `358×80`（内側 12/16）・★眉 `y12 h16 幅358 字12px/500`・★題 `y32 h28 字22px/700`・★？ `y28 左338 36×36`。
      ★★同じ形＝ ★接続／資料室／個票／請求書（★これらは ★親の帯がそのまま残ります）。
      ★★★割れているのは ★**2面だけ** … ★**基本設定・詳細設定** ＝
        ★帯 `358×72`（★−8）・★眉 `y12 h16 幅92 字12.5px/600`・★題 `y28`（★−4）・★？ `y20`（★−8）。
   ★★② 真因（★実測）… ★器が ★**2つ**在ります …
        ★親 ＝ `.eyebrow`（h16） ＋ `.title-row`（h36：題h28＋？h36）＝ ★丈 12+16+**4**+... = **80**
        ★子面 ＝ `.l0`（★h44・★中に「眉＋題」の包みと？）＝ ★丈 12+44+16 = **72**。
   ★★③ 是正 … ★子面の `.l0` を ★**親の律の数**へ（★印は付け替えません＝当窓の境は ui.css）…
        ★`.l0` の丈を **52**（★12+52+16 ＝ **80**）／★眉の字を **12px/500**・★下に **4**（★題が y32 へ）
        ／★？は ★**下寄せ**（★12+52−36 ＝ **y28**）／★包みは全幅（★眉が 358 へ）。 */
/*  ★★丈は ★**幅ごとに数が違います**（★実測）… ★親の帯は ★390＝**80**（内側12/16）／★1440＝**60**（内側0）。
      ★∴ ★`.l0` の丈も ★390＝**52**（★12+52+16＝80）／★1440＝**60**（★0+60+0＝60）。 */
[class~="page-head"] [class~="l0"]{
  min-height:60px;
  align-items:flex-start;
}
@media (max-width:760px){
  [class~="page-head"] [class~="l0"]{ min-height:52px; }
}
[class~="page-head"] [class~="l0"] > div:first-child{
  flex:1 1 auto;
}
[class~="page-head"] [class~="l0"] > div:first-child > :first-child{
  font-size:12px;
  font-weight:500;
  margin-bottom:4px;
}
[class~="page-head"] [class~="l0"] > [class~="help"]{
  align-self:flex-end;
}
/*  ★★1440 の？ … ★親は ★**下端差4**（★y20・h36・帯60）でした。★下端に付けると y24（★差4）＝
      ★1440 だけ ★**下に4**を足して ★**y20** に揃えます（★390 は下端＝y28 で既に同値）。 */
@media (min-width:761px){
  [class~="page-head"] [class~="l0"] > [class~="help"]{ margin-bottom:4px; }
}

/* ★★★★D-4952⑤（★設計者裁定 2026-09-17）＝ ★**請求書の幕**。
   ★★号 verbatim …「★紙は幕の中央・幕の幅いっぱい（★左寄せの小紙にしない）・
     ★[印刷][PDFで保存]は**右の対**・★[戻る]は**同じ行の左**（★下に離さない）」
   ★★実測（★prod・当窓・D-4952の前）…
     ★紙 ＝ 390 `348×492`（★幕の内の左余り **1**・右余り **1**）／1440 `598×846`（★同じ）
       ＝ ★★**幕の幅いっぱい**で ★既に満たしています（★不触）。
     ★[印刷][PDFで保存] ＝ 同じ行・`justify=flex-end` ＝ ★**右の対**で ★既に満たしています（★不触）。
     ★★★割れている1点 ＝ ★**[戻る]が下の別の行**（★390 で 印刷 上871／[戻る]上**935**＝ ★64 下）。
   ★★是正 … ★[戻る]の器（`.ob-sheet-f`）を ★**上の行に載せ**（★丈40の行＋間 → 上へ **−52**）
     ★左端へ（★`justify-content:flex-start`）＝ ★**同じ行で[戻る]左・[印刷][PDF]右**。
     ★★当たるのは ★**紙を持つ幕だけ**（`:has(iframe)`）＝ ★他の幕の足は ★不動。
     ★★既存の `margin-top:24px !important`（★D-4508①）に勝つため ★`!important`。 */
/*  ★★★★目で見て分かった事 … ★390 で同じ行にすると ★**[戻る]と[印刷]が重なります**。
      ★★数 … ★幕の内幅 ★**326**（幕366・内側20×2）に対し ★釦は ★120×3 ＝ ★**360**（★間を0にしても入りません）。
        ★実測でも ★[戻る]左33（右端153）／[印刷]左105 ＝ ★**重なり48**。
      ★★∴ ★**1440 だけ**に当てます（★幕640・内600 ＝ 360＋間24 ＝ ★384 で入ります）。
      ★★390 は ★**寸の裁定が要ります**（★格Bの120×3は入らない）＝ ★1行で渡します。 */
@media (min-width:761px){
  [class~="ob-sheet"]:has(iframe) > [class~="ob-sheet-f"],
  [class~="ob-sheet"]:has(iframe) [class~="card-actions"][class~="ob-sheet-f"]{
    /*  ★★−52 で測ったら ★[戻る]上935／[印刷]上947 ＝ ★中心が10ずれ（★丈44 と 40）。★∴ ★−42。 */
    margin-top:-42px !important;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
  }
}

/* ★★★★D-5153 N1（★創造D 9/25 21:28・設計者 21:22「恥ずかしくないように」）＝ ★**請求書の幕の紙と釦**。
   ★★号 verbatim …「390 の画面の紙＝A4 の縮図をやめ、幅なりに読める紙」
     「釦＝3つとも同じ格（同じ高さ・同じ字）。［印刷］［PDFで保存］は同じ幅で横並び・中央。
      ［戻る］はその下・同じ幅で中央。間は同じ。1440 も同じ規則で揃える（凸凹0）」
   ★★実測（★prod の面に HEAD の紙＝サーバ 8e6d7939 を差して・当窓）…
     ★390 ＝ 紙 `zoom:.41`（★D-4950 R10）で中の文書 785 幅・本文 11.9px ＝ ★**見た目 約4.9px**。
       ★この条が在る限り ★紙の中の 480px の塊（`INVOICE_SCREEN_READ_V1`）は ★発火しません。
     ★釦 ＝ 3つとも 120×44・★[戻る]だけ字の太さ **500**（★対は 600）・★対と[戻る]の間 **24**（★対の間は 12）。
     ★1440 ＝ ★[戻る]左・対は右（★D-4952 の同じ行）＝ ★号の「中央・その下」と違います。
   ★★是正 … ①390 の紙は ★**幕の幅なり・縮めない**（★R10 の条を上書き）。
     ②紙を持つ幕だけ ★対を中央・★[戻る]はその下の中央・★間は 12・★字の太さは対に揃えて 600（★両幅）。
   ★★測った値 … 390 ＝ 紙 322 幅・本文 13px・横流れ0／釦は芯195・縦横の間12。
     1440 ＝ 芯720（★幕の中央）・縦横の間12・紙は不動（★サーバの塊の縮図のまま）。
   ★★紙の丈を中身なりにする手（★`aspect-ratio:210/297` を外し ★`scrollHeight` を入れる）は ★app.js ＝ ★ビルダーへ。
     ★それまで 390 の紙は ★幕の中で縦に巻きます（★字は読めます）。 */
@media (max-width:760px){
  [class~="ob-sheet"][class~="ob-sheet"] iframe{ width:100%; max-width:100%; zoom:1; }
}
[class~="ob-sheet"]:has(iframe) div:has(> [class~="btn-g2"]){ justify-content:center !important; }
[class~="ob-sheet"][class~="ob-sheet"]:has(iframe) > [class~="ob-sheet-f"],
[class~="ob-sheet"][class~="ob-sheet"]:has(iframe) [class~="card-actions"][class~="ob-sheet-f"]{
  margin-top:12px !important; flex-direction:row; justify-content:center; align-items:center;
}
[class~="ob-sheet"]:has(iframe) [class~="ob-btn-back"]{ font-weight:600; }

/* ★★★★D-4952⑥（★設計者裁定 2026-09-17）＝ ★**顧客のパイプラインは横1行に4段**。
   ★★号 verbatim …「★横1行に4段（見込み客→来店予約→仮成約→利用・矢印は→）。
     ★縦積みは390でも**横**（★数字は大きく・札は小さく）」
   ★★実測（★prod・当窓・D-4952の前）…
     ★1440 ＝ `.crm-pipeline{display:flex; dir=row}`・段 `261×83`・矢印「→」×3 ＝ ★**既に横1行**（★不触）。
     ★★390 ＝ `dir=column; gap:8px`・段 `316×76` が ★**縦に4つ**（★上221／327／432／538）＝ ★号に反します。
     ★矢印は ★両幅とも ★**「→」×3**（★「↓」は 0）＝ ★号どおり（★不触）。
   ★★是正 … ★390 も ★**row**（★段は等分・矢印はその間）。
     ★★字 … ★段の幅は 316 から矢印3本（14×3）を除いて ★**4等分＝約68**＝
       ★札（`.sl` 12.5px）は ★**10px**へ（★「見込み客」5字＝50 で入ります）・
       ★数字（`.sc` 20px）は ★**そのまま**（★号「数字は大きく」）。 */
@media (max-width:760px){
  /*  ★★実測で直した2点 … ★① `gap:0` は ★**負けました**（★製品の 8 が残る）→ `!important`。
        ★② 矢印の器が ★**72幅**に伸びて最後の段が右へ出ました → ★矢印は ★**14 固定**（★縦のときの幅）。 */
  [class~="crm-pipeline"]{
    flex-direction:row !important;
    align-items:stretch;
    gap:0 !important;
  }
  /*  ★★★絵で見たら ★矢印が ★**「↓」**に見えました（★器の字面は「→」＝ ★字だけ見て通しかけました）。
        ★★真因（★実測）… ★390 だけ ★`transform: matrix(0,1,-1,0,0,0)`（★= `rotate(90deg)`）で
          ★★**「→」を回して「↓」に見せて**いました（★字は1バイトも違いません）。
        ★★∴ ★横1行にするこの車線では ★回しを ★**外します**（★号「矢印は→」）。 */
  [class~="crm-pipeline"] > [class~="crm-stage-arrow"]{
    flex:0 0 14px; width:14px; min-width:14px;
    transform:none !important;
  }
  [class~="crm-pipeline"] > [class~="crm-stage"]{
    flex:1 1 0; min-width:0;
    padding-left:4px; padding-right:4px;
  }
  /*  ★★★D-4958③（★設計者 2026-09-17）… ★当窓が D-4952⑥ で **10px** にした札の字は
        ★★**憲法の最小 12.5 を割って**いました（★当窓が数を決めてしまった所＝非）。
      ★∴ ★**12.5px** へ（★数字の 20px は号どおり ★そのまま）。
      ★★字が大きくなる分は ★段の中で折り返します（★丈は器が伸びます＝はみ出しは作りません）。 */
  [class~="crm-pipeline"] > [class~="crm-stage"] [class~="sl"]{
    font-size:12.5px;
    line-height:1.25;
    white-space:normal;
    word-break:keep-all;
  }
}


/* ★★★★D-4955①（★設計者裁定 2026-09-17）＝ ★**発信390の画像の札5つを1440と同じ並びへ**。
   ★★号 verbatim …「★2列・等幅・**gap8**」
   ★★実測（★prod・当窓・D-4955の前）… ★器は `<div.seg.seg-wrap.seg-4>` の ★**grid**で、
     ★390 ＝ `grid-cols 151px 151px`（★**2列・等幅**）・★行ごと `{2,2,1}` ＝ ★並びは ★**既に号どおり**。
     ★1440 ＝ `272px ×4`・行ごと `{4,1}`。
     ★★★割れている1点 ＝ ★`gap` が ★**両幅とも 4**（★号は **8**）。
   ★★∴ ★`gap` だけ ★**8**へ（★列の数も寸も1バイトも決めていません＝ ★grid が等分し直します）。
     ★★当たるのは ★`.seg-wrap.seg-4`（★画像の5択の器）だけ＝ ★他の `seg` は ★不動。 */
[class~="seg-wrap"][class~="seg-4"]{
  gap:8px;
}

/* ★★★★D-4955②（★設計者裁定 2026-09-17）＝ ★**[売上を記録する]は内容幅・右寄せ**（★八条④）。
   ★★実測（★prod・当窓・D-4955の前）…
     ★1440 ＝ `139×44`・親右端差 **0** ＝ ★**内容幅で右寄せ**（★正・不触）。
     ★★390 ＝ `316×44`（★親 `.card-actions` 316 いっぱい）・`width:316px` ＝ ★**全幅**。
   ★★影響の数を先に測りました … ★390 の `.card-actions` 直下の主釦（`.ob-btn-p`）で
     ★**親いっぱいに伸びているのは [売上を記録する] の1つだけ**
     （★[Xに投稿] 132・[下書き作成] 128・[入口を追加] 128・[記事を書く] 120・[開く] 68 は ★既に内容幅）。
   ★★∴ ★390 の `.card-actions` 直下の主釦を ★**内容幅**へ（★親は既に `justify=flex-end` ＝右寄せ）。
     ★★最小は ★格Pの **120**（★正典）。 */
@media (max-width:760px){
  [class~="card-actions"] > [class~="ob-btn-p"]{
    /*  ★★実測 … ★この釦は ★**器の直書き** `style="width: 100%"` を持っています
          （★条の一覧の外＝綴じでは勝てません）＝ ★`width` だけ `!important` で受け取ります。 */
    flex:0 0 auto;
    width:auto !important;
    min-width:120px;
  }
}

/* ★★★★D-4955③（★設計者裁定 2026-09-17）＝ ★**[Xに投稿]の押せる／押せないを格で分ける**。
   ★★号 verbatim …「★押せない＝**白枠に薄い字**・★**金は押せる時だけ**」
   ★★実測（★prod・390・発信・当窓・D-4955の前）… ★[Xに投稿] は ★**`disabled` なのに金地のまま**
     （★地 `rgb(201,162,75)`・字 `rgb(20,19,16)`・`opacity 0.4`・`cursor default`）＝
     ★★**「押せない金」**＝ ★号に反します（★金は押せる時だけ）。
     ★★隣の[下書き作成]は `disabled=×`（★押せる）＝ ★地なし・縁 `rgb(38,36,31)`。
   ★★是正 … ★押せない主釦は ★**地なし・白枠（`--line`）・薄い字（`--ink-dim` ＝ `#A8A29A`）**へ。
     ★★`opacity` の 0.4 は ★**外します**（★薄さは ★字の色で出す＝号「白枠に薄い字」）。
     ★★数は原図の札から（`--line` `--ink-dim`）＝ ★当窓では色を作っていません。
     ★★当たるのは ★`[disabled]` の主釦だけ ＝ ★押せる金は ★不動。 */
[class~="ob-btn-p"][disabled],
[class~="ob-btn-p"]:disabled{
  background:transparent !important;
  border:1px solid var(--line) !important;
  color:var(--ink-dim) !important;
  opacity:1 !important;
}

/*  ★★★★D-4957①〜⑤ の塊は ★**D-4968（設計者 2026-09-18）で原図に差し替え**ました。
      ★★号 verbatim …「★原図のCSSを対話の器へ（`.ob-talk-*`・舞台の光2つ・金の軸・番号・進み・
        見本の枠・設計書の行・待ちの顔）。★**値は原図のまま・新しい色0**」
      ★★原図 ＝ 関所の `原図_制作の対話_B02_v1.html`（★8,141字の1塊）。
      ★★印は ★**ビルダーが既に使っている `.ob-talk-*`**（★実測 `app.js` に11種）に合わせ、
        ★原図の印（`.stage` `.panel` `.opt` …）を ★1対1で写しました（★下の対応表）。
      ★★可逆＝この塊を消すだけ。 */

/* ══════ D-4968 面直しA ／ 対話の器（B-02）＝ 原図 `原図_制作の対話_B02_v1.html` の値そのまま ══════
   ★★対応表（★原図の印 → ★製品の印）…
     `.stage`→`.ob-talk` ／ `.wrap`→`.ob-talk-wrap` ／ `.panel`→`.ob-talk-card`
     `.eyebrow`→`.ob-talk-eyebrow` ／ `.head`→`.ob-talk-head` ／ `.num`→`.ob-talk-num`
     `.bar`+`i`→`.ob-talk-steps`+`.ob-talk-step`（`.done` `.now`）／ `h1`→`.ob-talk-q` ／ `.sub`→`.ob-talk-sub`
     `.opts`→`.ob-talk-picks`（`.big`）／ `.opt`→`.ob-talk-pick`（`.on`・中の `.k`）
     `.in`→`.ob-talk-in` ／ `.foot`→`.ob-talk-foot` ／ `.btn-line`/`.btn-gold`→足の中の `.ob-btn-back`/`.ob-btn-p`
     `.tiles`→`.ob-talk-samples` ／ `.tile`→`.ob-talk-sample`（`.on`・中の `.m .ph .bd b u s`）
     `.plan`→`.ob-talk-spec` ／ `.row`→`.ob-talk-spec-row`（`.n` `.t` `.d` `.sw`）
     `.wait`→`.ob-talk-wait` ／ `.ob`→`.ob-talk-obelisk` ／ `.steps`→`.ob-talk-stepnames`
     `.pv`→`.ob-talk-pv` ／ `.phone`→`.ob-talk-phone` ／ `.scr`→`.ob-talk-scr` ／ `.hero`→`.ob-talk-hero`
     `.cta`→`.ob-talk-cta` ／ `.sk`→`.ob-talk-sk` ／ `.band`→`.ob-talk-band`
     `.ghost`→`.ob-talk-ghost` ／ `.flash`→`.ob-talk-flash` ／ `.note`→`.ob-talk-note`
   ★★色は ★**原図の実値だけ**（★新しい色 0）。★`--t-*`（見本の中の店の色）も原図のまま。 */

[class~="ob-talk"]{
  --t-main:#1F3A5F; --t-sub:#F4F1EA; --t-ink:#1B1B1B; --t-acc:#1F3A5F;
  position:relative;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:48px 24px;
  background:var(--bg);
  color:var(--ink);
}
/* ★舞台の光2つ（★オベリスクの気配） */
[class~="ob-talk"]::before{
  content:""; position:fixed; inset:0; pointer-events:none;
  background:radial-gradient(60% 46% at 50% -6%,rgba(201,162,75,.16),transparent 70%),
             radial-gradient(40% 40% at 86% 100%,rgba(201,162,75,.06),transparent 70%);
}
/* ★金の軸（★細い1px） */
[class~="ob-talk"]::after{
  content:""; position:fixed; left:50%; top:0; width:1px; height:100%; pointer-events:none;
  background:linear-gradient(rgba(201,162,75,.28),transparent 38%);
}
[class~="ob-talk-wrap"]{
  position:relative; z-index:1;
  width:100%; max-width:1152px;
  display:grid;
  grid-template-columns:minmax(0,600px) 1fr;
  gap:72px;
  align-items:center;
}
[class~="ob-talk-card"]{
  box-sizing:border-box;
  background:linear-gradient(168deg,#1D1912 0%,#14110B 48%,#0D0B08 100%);
  border:1px solid rgba(201,162,75,.35);
  /*  ★★★D-4974③（★設計者裁定 2026-09-18）＝ ★**舞台の札の角も事業者面の基準（REF＝10）**。
        ★★号 verbatim …「★原図の 16 は ★**10 に読み替え**」＝ ★原図の他の値は そのまま。 */
  border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(201,162,75,.10),0 30px 80px rgba(0,0,0,.5);
  padding:32px;
}
[class~="ob-talk-eyebrow"]{ font-size:12.5px; color:var(--gold); letter-spacing:.2em; }
[class~="ob-talk-head"]{
  display:flex; align-items:flex-end; justify-content:space-between; margin:16px 0 20px;
  /* ★G9（面直しA 9/25・D-5139）＝ 820 の札（中身 304）では 番号117＋棒200 が入らず、棒が縮んで「/ 04」に間0で付いた。
       ★札の基準の gap 12 を置くだけ（1440・390 は間が 12 より広い＝不動）。可逆＝この1行を消す。 */
  gap:12px;
}
/* ★大きい番号 NN/05 */
[class~="ob-talk-num"]{
  font:400 56px/1 "Cormorant Garamond",serif; color:var(--gold); letter-spacing:.02em;
}
[class~="ob-talk-num"] small{ font-size:20px; color:var(--ink-dim); margin-left:6px; }
/* ★進み＝5本の棒（★点では在りません＝原図の形） */
[class~="ob-talk-steps"]{ display:flex; gap:6px; width:200px; padding-bottom:10px; }
[class~="ob-talk-step"]{ flex:1; height:2px; background:var(--line); transition:.4s;
  border:0; border-radius:0; width:auto; }
[class~="ob-talk-step"][class~="done"]{ background:var(--gold); }
[class~="ob-talk-step"][class~="now"]{ background:linear-gradient(90deg,var(--gold),rgba(201,162,75,.25)); }
[class~="ob-talk-q"]{ font-size:24px; font-weight:700; line-height:1.5; letter-spacing:.01em; max-width:none; margin-top:0; }
[class~="ob-talk-sub"]{ font-size:14px; color:var(--ink-dim); margin-top:8px; }
[class~="ob-talk-picks"]{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:24px; }
[class~="ob-talk-picks"][class~="big"]{ grid-template-columns:1fr; }
[class~="ob-talk-pick"]{
  min-height:52px; height:auto;
  border:1px solid rgba(237,234,228,.28); border-radius:10px;
  padding:10px 14px; text-align:left;
  font-size:15px; font-weight:500;
  display:flex; align-items:center; gap:10px;
  background:transparent; color:var(--ink);
  transition:.18s;
}
[class~="ob-talk-pick"]:hover{ border-color:rgba(201,162,75,.7); }
[class~="ob-talk-pick"][class~="on"]{ background:var(--gold); border-color:var(--gold); color:#141310; font-weight:700; }
[class~="ob-talk-pick"] [class~="k"]{ font:400 18px/1 "Cormorant Garamond",serif; color:var(--gold); width:20px; }
[class~="ob-talk-pick"][class~="on"] [class~="k"]{ color:#141310; }
[class~="ob-talk-picks"][class~="big"] [class~="ob-talk-pick"]{ min-height:64px; }
[class~="ob-talk-picks"][class~="big"] [class~="ob-talk-pick"] span{
  display:block; font-size:12.5px; font-weight:400; color:var(--ink-dim);
}
[class~="ob-talk-picks"][class~="big"] [class~="ob-talk-pick"][class~="on"] span{ color:#3a3320; }
[class~="ob-talk-in"]{
  box-sizing:border-box;
  width:100%; margin-top:12px;
  background:#0D0C0A; border:1px solid var(--line); border-radius:10px;
  color:var(--ink); font-size:15px; padding:12px 14px; min-height:44px; outline:0;
}
[class~="ob-talk-in"]:focus{ border-color:var(--gold); }
[class~="ob-talk-foot"]{
  display:flex; justify-content:space-between; align-items:center;
  margin-top:28px; padding-top:20px; border-top:1px solid var(--line);
}
/* ★足の2つ … ★原図の `.btn-line`／`.btn-gold` の値（★対話の中だけ＝面の格は不動） */
[class~="ob-talk-foot"] [class~="ob-btn-back"],
[class~="ob-talk-foot"] [class~="btn-back"]{
  border:1px solid var(--ink); border-radius:10px;
  font-size:13px; font-weight:600; padding:13px 16px;
  min-height:44px; height:auto; min-width:120px; width:auto;
  background:transparent; color:var(--ink);
}
[class~="ob-talk-foot"] [class~="ob-btn-p"]{
  background:var(--gold); border:1px solid var(--gold); border-radius:10px;
  color:#141310; font-size:15px; font-weight:600; padding:13px 24px;
  min-height:46px; height:auto; min-width:140px; width:auto;
}
[class~="ob-talk-foot"] [class~="ob-btn-p"][disabled]{
  background:none; color:rgba(237,234,228,.35); border-color:rgba(237,234,228,.2); cursor:default;
}
/* ★D-5592補（創造D 10/12 23:55「この画面は、この流れで作るボタンは普通右寄せだろってこと」「LP の制作「この流れで作る」の釦：右寄せ（面直しA・1 源）」）
   ★足は space-between＝［戻る］の無い足（構成の確かめ・冒頭のデザインの選び）では金の釦が 1 つだけ＝左端に落ちていた。1 つだけの時は右へ。［戻る］と対の時は不変。可逆＝この 1 条を消す。 */
[class~="ob-talk-foot"] > [class~="ob-btn-p"]:only-child{ margin-left:auto; }
/* ★4問目＝見本の札（★字の札は無し・色と書体の差だけで選ぶ） */
[class~="ob-talk-samples"]{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px; }
[class~="ob-talk-sample"]{ border-radius:12px; padding:3px; border:1px solid transparent; transition:.2s; background:transparent; }
[class~="ob-talk-sample"][class~="on"]{ border-color:var(--gold); box-shadow:0 0 0 1px var(--gold),0 0 28px rgba(201,162,75,.28); }
[class~="ob-talk-sample"] [class~="m"]{ border-radius:9px; overflow:hidden; aspect-ratio:3/5; display:flex; flex-direction:column; }
[class~="ob-talk-sample"] [class~="ph"]{ flex:0 0 46%; background:linear-gradient(160deg,#cdbfa6,#8c7a5e); }
[class~="ob-talk-sample"] [class~="bd"]{ flex:1; padding:8px; display:flex; flex-direction:column; gap:5px; }
[class~="ob-talk-sample"] b{ display:block; height:7px; border-radius:2px; width:78%; }
[class~="ob-talk-sample"] u{ display:block; height:3px; border-radius:2px; width:92%; opacity:.35; }
[class~="ob-talk-sample"] s{ display:block; margin-top:auto; height:14px; border-radius:7px; width:60%; }
/* ★設計書＝節の行 */
[class~="ob-talk-spec"]{ margin-top:20px; border-top:1px solid var(--line); }
[class~="ob-talk-spec-row"]{
  display:flex; align-items:center; gap:14px; min-height:56px; border-bottom:1px solid var(--line); padding:0;
}
[class~="ob-talk-spec-row"] [class~="n"]{ font:400 20px/1 "Cormorant Garamond",serif; color:var(--gold); width:24px; }
[class~="ob-talk-spec-row"] [class~="t"]{ font-weight:700; font-size:15px; flex:0 0 150px; }
[class~="ob-talk-spec-row"] [class~="d"]{ font-size:13px; color:var(--ink-dim); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
[class~="ob-talk-spec-row"] [class~="sw"]{ width:40px; height:24px; border-radius:12px; background:var(--gold); position:relative; flex:none; }
[class~="ob-talk-spec-row"] [class~="sw"]::after{
  content:""; position:absolute; right:3px; top:3px; width:18px; height:18px; border-radius:50%; background:#141310;
}
/* ★待ちの顔 */
[class~="ob-talk-wait"]{ text-align:center; padding:12px 0 4px; display:block; }
[class~="ob-talk-obelisk"]{
  width:26px; height:150px; margin:0 auto 24px;
  background:linear-gradient(90deg,#8a6a2a,#E9CF8A 45%,#6d5220);
  clip-path:polygon(50% 0,100% 12%,88% 100%,12% 100%,0 12%);
  filter:drop-shadow(0 0 24px rgba(201,162,75,.55));
  animation:ob-talk-breath 2.4s ease-in-out infinite;
}
@keyframes ob-talk-breath{ 50%{ filter:drop-shadow(0 0 44px rgba(201,162,75,.9)); } }
[class~="ob-talk-stepnames"]{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:24px; text-align:left; }
[class~="ob-talk-stepnames"] > div{
  font-size:12.5px; color:rgba(237,234,228,.3); border-top:2px solid var(--line); padding-top:8px; transition:.5s;
}
[class~="ob-talk-stepnames"] > [class~="ok"]{ color:var(--ink); border-color:var(--gold); }
/* ★右＝「あなたのLP」が答えるたびに立ち上がる見本（★DOM だけの骨） */
[class~="ob-talk-pv"]{ justify-self:center; text-align:center; }
[class~="ob-talk-pv"] [class~="cap"]{ font-size:12.5px; color:var(--gold); letter-spacing:.2em; margin-bottom:16px; }
[class~="ob-talk-phone"]{
  width:300px; height:600px; border-radius:36px;
  border:1px solid rgba(201,162,75,.45); padding:10px; background:#050505;
  box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 60px rgba(201,162,75,.10);
}
[class~="ob-talk-scr"]{
  width:100%; height:100%; border-radius:27px; overflow:hidden;
  background:var(--t-sub); color:var(--t-ink); text-align:left;
  transition:background .6s; display:flex; flex-direction:column;
}
[class~="ob-talk-hero"]{
  height:230px;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),linear-gradient(150deg,#d8cbb2,#7d6a4c);
  padding:18px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; gap:8px;
}
[class~="ob-talk-hero"] [class~="hl"]{ font-size:19px; font-weight:700; line-height:1.35; min-height:26px; }
[class~="ob-talk-hero"] [class~="who"]{ font-size:10.5px; opacity:.9; min-height:14px; }
[class~="ob-talk-cta"]{
  align-self:flex-start; font-size:11px; font-weight:700; color:#fff;
  background:var(--t-main); border-radius:6px; padding:8px 14px; transition:background .6s; opacity:.25;
}
[class~="ob-talk-cta"][class~="set"]{ opacity:1; }
[class~="ob-talk-sk"]{ padding:18px; display:flex; flex-direction:column; gap:9px; }
[class~="ob-talk-sk"] b{ height:10px; width:55%; background:var(--t-main); border-radius:2px; transition:.6s; opacity:.9; }
[class~="ob-talk-sk"] u{ height:5px; background:currentColor; opacity:.13; border-radius:2px; }
[class~="ob-talk-sk"] [class~="g"]{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:6px; }
[class~="ob-talk-sk"] [class~="g"] i{ aspect-ratio:1; background:currentColor; opacity:.1; border-radius:4px; }
[class~="ob-talk-band"]{ margin-top:auto; height:54px; background:var(--t-main); transition:.6s; }
[class~="ob-talk-ghost"]{ color:rgba(255,255,255,.45) !important; font-weight:400 !important; }
[class~="ob-talk-flash"]{ animation:ob-talk-fl 1s ease; }
@keyframes ob-talk-fl{ 0%{ box-shadow:0 0 0 0 rgba(201,162,75,.9); } 100%{ box-shadow:0 0 0 14px rgba(201,162,75,0); } }
[class~="ob-talk-note"]{ font-size:12.5px; color:var(--ink-dim); margin-top:16px; min-height:20px; }
/* ★390（★原図は 900 で折ります）＝ 札は全幅・上24／LPの見本は ★上ののぞき窓（丈132）で残す */
/*  ★★★D-4977（★設計者 2026-09-19）＝ ★対話・設計書・待ちの顔の ★**2列→1列の切り替えは 760**
      （★原図は 900 でしたが、★**タブレット縦（820）で「問いの札＋あなたのLP」が横に並ぶ事**が裁定）。
    ★★∴ ★舞台の器も ★同値（★900 → **760**）。★他の値は原図のまま。 */
@media (max-width:760px){
  [class~="ob-talk"]{ padding:24px 12px; place-items:start center; }
  [class~="ob-talk-wrap"]{ grid-template-columns:1fr; gap:16px; }
  [class~="ob-talk-pv"]{ order:-1; justify-self:stretch; width:100%; }
  [class~="ob-talk-pv"] [class~="cap"]{ margin-bottom:8px; }
  [class~="ob-talk-phone"]{ width:100%; height:132px; border-radius:16px; padding:6px; }
  [class~="ob-talk-scr"]{ border-radius:11px; }
  [class~="ob-talk-hero"]{ height:100%; padding:12px 14px; }
  [class~="ob-talk-sk"], [class~="ob-talk-band"], [class~="ob-talk-note"]{ display:none; }
  [class~="ob-talk-card"]{ padding:24px 20px; border-radius:10px; }   /* ★D-4974③ 角は基準の10 */
  [class~="ob-talk-num"]{ font-size:44px; }
  [class~="ob-talk-steps"]{ width:120px; }
  [class~="ob-talk-q"]{ font-size:20px; }
  [class~="ob-talk-samples"]{ grid-template-columns:1fr 1fr; }
  [class~="ob-talk-spec-row"] [class~="t"]{ flex-basis:110px; }
  [class~="ob-talk-stepnames"]{ grid-template-columns:1fr 1fr; }
}

/* ★★★★D-4969②（★設計者裁定 2026-09-18）＝ ★**個票390は「面として上から」**（★一覧の上に途中から重ならない）。
   ★★実測（★prod `665a26c4`・390・当窓）… ★個票（`.crm-drawer`）は
     ★`366×1176`・★**上12**・左右12空き・角10・`position:fixed`・`z=200` ＝
     ★★**一覧の上に浮いた札**でした（★後ろの一覧が左右と上に見えます）。
   ★★是正 … ★390 だけ ★**面いっぱい**（★上0・左右0・下はタブ帯の上まで）・★角0。
     ★★頭の余白 **104**（★D-4952 R07 の「帯の丈ぶん」）は ★**そのまま**（★題が上に張り付きません）。
     ★★印は 3つ重ね（★製品の 390 の律が `.crm-drawer×3`＝0,3,0 ＝ ★実測で確かめた重さ）。
     ★★1440 は ★**この塊の外**（★中央の 640 の札のまま）。 */
@media (max-width:760px){
  [class~="crm-drawer"][class~="crm-drawer"][class~="crm-drawer"]{
    left:0; right:0; top:0;
    width:auto; max-width:none;
    height:auto;
    max-height:100vh;
    transform:none;
    border-radius:0;
    border-left:0; border-right:0; border-top:0;
  }
  [class~="crm-drawer"][class~="crm-drawer"][class~="crm-drawer"][class~="open"]{
    transform:none;
  }
}

/* ★★★★D-4973③イ＋②の赤（★設計者裁定 2026-09-18）＝ ★**並んだ小札（chip）の間は 8**。
   ★★実測（★prod `5c903922`・390・揃いの門）…
     ★ホーム「運用設定」の `.pill`（120×25）＝ ★器は `display:block`（★`gap:8` は効きません）＝ ★**間 0**。
     ★発信「画像／案内」・顧客「一覧／パイプライン表」の `.seg`（grid）＝ ★**gap 4**。
   ★★是正 … ★`.pill` の器を ★**横に並べる器**（`flex` + `gap:8` + 折り返し）へ／★`.seg` の gap を **8** へ。
     ★★数は ★基準の札の律（★札と札の間 12・小札は 8＝門の正）。★寸も色も触りません。 */
[class~="pill"]{ margin:0; }
:is(div,section,p):has(> [class~="pill"] + [class~="pill"]){
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
}
[class~="seg"]{ gap:8px !important; }

/* ★★★★D-4973③ウエオ（★設計者の実機2枚の名指し・2026-09-18）＝ ★**基本設定（詳細設定も同じ器）**。
   ★★実測（★prod `5c903922`・390・当窓）…
     ★ウ 札 ＝ `390×1001`・★**左0・右端差0**（★画面の端まで）＝ ★基準は 左16・幅358。
        ★帯（`.page-head`）は ★**358・左16** ＝ ★札より**狭い**ので ★札の肩が両脇に出ます。
     ★エ 業種の欄 ＝ `<button.chip>` `348×44`・★**角999px（錠剤）・中央寄せ**
        ＝ ★他の欄は `.cd-input` `348×44`・角10・左寄せ。
     ★オ 欄と欄の間 ＝ `40/40/40/40/`★**32**`/`★**16**`/`★**16** ＝ ★不揃い（★多数は 40）。
   ★★是正 … ★ウ＝面の器に ★**左右16**（★札は他タブと同じ 358 に戻る）・★帯は ★**全幅**で後ろを隠す。
     ★エ＝業種の欄を ★`.cd-input` と同じ形（★角10・左寄せ・縁も同じ）へ。
     ★オ＝欄の間を ★**40**（★多数の値）に揃える。
   ★★数は ★基準の札と ★他の欄から取りました（★当窓では決めていません）。★1440 はこの塊の外。 */
@media (max-width:760px){
  main[class~="kobo"]{ padding-left:16px; padding-right:16px; }
  main[class~="kobo"] > [class~="page-head"]{
    margin-left:-16px; margin-right:-16px;
    padding-left:16px; padding-right:16px;
    background:var(--bg);
  }
}
/* ★エ 業種の欄＝他の欄と同じ形（★錠剤と中央寄せをやめる） */
/*  ★★実測で選択子を直しました … ★業種の欄の器は `.field > .crm-chips.core-row > button.chip`
      ＝ ★**直子では在りません**（★`>` では当たりませんでした）。 */
/*  ★★★D-5084（★創造D 9/23 21:50・指摘台帳 A28）＝ ★この条は ★**業種の欄（`.core-row`）だけ**へ絞ります。
      ★★実測（★器・393）… ★欄の名で絞っていなかったので ★詳細設定の択 **24個**（一人称9・口調5・絵文字3・
        ハッシュタグ4・文の長さ3）が ★全部 **角10・左寄せ**の箱になっていました（★9/17 cfff3ea3 は 角999・中央）。
      ★★律「1つの欄の為の条を、欄の名で絞らずに置かない」。★業種の形（D-4973③エ）は不動。 */
[class~="kobo-persona"] [class~="field"] [class~="core-row"] > button[class~="chip"]{
  border-radius:10px !important;
  text-align:left;
  justify-content:flex-start;
  border-color:rgba(232,226,214,.38) !important;
  font-weight:400;
}
/* ★オ 欄と欄の間＝40（★多数の値） */
/*  ★★実測 … ★`.field + .field` では ★「誰に向けるか」だけ ★**間0**（★隣り合っていません＝間に別の器）。
      ★∴ ★**最初以外の全部**に 40 を当てます。 */
/*  ★★実測で数を取り直しました … ★40 を当てると ★**48/48/48/48**（★前の欄の中に 8 の余りが在ります）。
      ★∴ ★多数の ★**48** に合わせます（★当窓が決めた数では在りません＝面の多数決）。 */
[class~="kobo-persona"] [class~="field"]{ margin-top:40px; margin-bottom:0; }
/*  ★★★D-5029-6（★2026-09-22 実測・★上の註の前提が 古くなっていました）＝ ★この条は ★**消します**。
    ★★前提（★D-4952③「textarea の欄の下は 0」）は ★もう 成り立ちません＝
      ★器（`.cr-grid`）は `display:flex; gap:8px` で、★**8 は 欄の種類に関わらず** 全部の間に入ります。
    ★★∴ ★この 48 が 8 に 足し合わさり、★実測 ★**56**（★工房[詳細設定]「世界観の色」→「一人称」）。
    ★★消すと 40＋8＝ ★**48**＝ 面の多数に 戻ります（★新しい数 0）。 */
[class~="kobo-persona"] [class~="field"]:first-child{ margin-top:0; }
/*  ★★★D-5029-6（★同じ便）＝ ★**格子の 外（ただの箱）に 入った 欄**の 間。
    ★★実測（★工房[基本設定]390）… ★欄が 2つの `.cr-grid` に 割れており、★2つ目の 中身は
      ★`.cr-grid > div > .field` の 形＝ ★`gap:8` が 効かず、★継ぎ目は ★**0**、
      ★中は ★**40**（★他は 全部 48）。★絵でも そこだけ 詰まって 見えました。
    ★★∴ ★この形の 欄だけ ★**48**（★面の多数の 数＝当窓が 決めた数では 在りません）。
    ★★実測（★当てた後）… ★[基本設定] 7つの間が 全部 48 ／ ★[詳細設定] 10個の間が 全部 48 ／
      ★顧客390・導線390 の 揃いの門は 赤0件（★巻き添え 0）。★390の絵で 確認。 */
[class~="kobo-persona"] [class~="cr-grid"] > div > [class~="field"]{ margin-top:40px; }
/*  ★★★D-5087（★描き役B 9/23 23:55・UI揃えの表 v1 §4「欄と欄の間＝9/18 基本設定の実測値1つ・
      面直しAの 48 が実測と違えば実測へ」）＝ ★欄の間は ★**40**（★9/18 21:37 の設計者の絵の画素）。
    ★★真因 … ★上の 48／56 は「40＋器の gap」を面の多数で採った数でした＝ ★絵より ★8（1440 は16）多い。
    ★★是正 … ★`.cr-grid` の直子の欄は ★器の gap（390＝8／761px から 16）を ★差し引き、
      ★箱の中の欄は ★40 のまま（★幅で分けない）。★どの幅でも 欄の間＝ ★**40**（★新しい数 0）。 */
[class~="kobo-persona"] [class~="cr-grid"] > [class~="field"]:not(:first-child){ margin-top:32px; }
@media (min-width:761px){
  [class~="kobo-persona"] [class~="cr-grid"] > [class~="field"]:not(:first-child){ margin-top:24px; }
}
/*  ★★★D-5029-6（★820 実測 2026-09-22）＝ ★**1行目の 2つが 40 ズレて**いました。
    ★★実測（★820・工房[基本設定]／[詳細設定]）… ★この幅だけ 欄が ★**2列**になります
      （★`.cr-grid` は 761px で 2列・★961px から また 1列）。
      ★1つ目は `:first-child{margin-top:0}` で 0、★2つ目は 40 ＝ ★**同じ行なのに 上端が 40 違う**
      （★[業種]上216 ／ [屋号]上**256**・★[声のトーン]上268 ／ [大事にしていること]上**308**）。
    ★★是正 … ★2列になる幅の間だけ、★**1行目の右の欄も 0**（★新しい数 0＝打ち消しの 0）。
    ★★実測（★当てた後）… ★[業種]と[屋号]＝ ★**どちらも 上216** ／ ★[声のトーン]と[大事にしていること]
      ＝ ★どちらも 上268。★2行目以降は 不動（★両方 40 のまま）。
    ★★巻き添え … ★390＝間48が7つ／★1440＝間56が7つ（★どちらも 前と同じ）。★820の絵で確認。 */
@media (min-width:761px) and (max-width:960px){
  [class~="kobo-persona"] [class~="cr-grid"] > [class~="field"]:nth-child(2){ margin-top:0; }
}

/* ★★★★D-4974（★D-4973 の続き）＝ ★**基本設定の札が画面の端まで伸びる**の真因。
   ★★実測（★prod `ea16cdca`・390・当窓）… ★D-4973③ウ（面の器に左右16）は ★**配信物に入って**います
     （★生の配信物で1件・`ichite-sec` は0件）。★それでも札は `390×1025・左0`。
   ★★★真因 ＝ ★`canon` の ★**負の余白**
     `.main.kobo .kobo-persona > .section.card{ margin-left:calc(var(--frame-px,16px)*-1); margin-right:同 }`
     ＝ ★面の器の左右16を ★**札が打ち消して**いました（★実測 `m=-16px/-16px`）。
   ★★是正 … ★律 verbatim「★面の中で札に個別の寸を当てている所は ★**消す**」＝
     ★この負の余白を ★**0 に戻します**（★canon は当窓の境の外ゆえ、★ui.css で同じ重さで受け取ります）。
     ★★後 … ★札は ★**358・左16**（★基準の札と同値）。 */
[class~="main"][class~="kobo"] [class~="kobo-persona"] > [class~="section"][class~="card"]{
  margin-left:0;
  margin-right:0;
}
/*  ★★同じ面の ★札と札の間 … ★実測 **24**（★基準は **12**＝ホームの札の間）。
      ★真因 … ★工房の面は `.kobo-persona`／`.section.card` に `margin-top:24px` の律（★面の器の側）。
      ★∴ ★この面の札の間だけ ★**12**（★基準の値）に。 */
main[class~="kobo"] > [class~="kobo-persona"] + [class~="section"][class~="card"],
main[class~="kobo"] > [class~="section"][class~="card"] + [class~="section"][class~="card"],
main[class~="kobo"] > [class~="kobo-persona"] + [class~="card"]{
  margin-top:12px;
}
/*  ★★1440 の基本設定 … ★実測 ★札が ★**528**（★親 `.kobo-persona` は 1152）＝ ★右端差 **648**
      （★基準は 1152・右端差24）。★負の余白を0にした後も ★幅が半分のままでした
      ＝ ★この札に ★**幅の個別の条**が在ります（★律＝個別の寸は消す）。
    ★∴ ★親なりに戻します（★数は基準の札から＝親の幅いっぱい）。 */
[class~="main"][class~="kobo"] [class~="kobo-persona"] > [class~="section"][class~="card"]{
  width:auto;
  max-width:none;
}

/* ★★★★D-4975①（★揃いの門の赤・2026-09-19）＝ ★**並んだ小札の間は 8**（★D-4973③イ の残り）。
   ★★実測（★prod `a5049107`・390・個票）… ★個票の頭の `.cbadge`（72×24）が ★**間 3.4**
     ＝ ★器は `display:block`（★字の間の空白ぶんだけ空いています）。
   ★★是正 … ★`.cbadge` の器を ★**横に並べる器**（`flex` + `gap:8` + 折り返し）へ
     （★D-4973③イ で `.pill` に当てたのと ★同じ形・同じ数）。 */
[class~="cbadge"]{ margin:0; }
:is(div,section,p,span):has(> [class~="cbadge"] + [class~="cbadge"]){
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
}

/* ★★★★当窓が自分の目で見つけた赤2件（★1440 の基本設定・★prod `3abe95d2`・2026-09-19）。
   ★★① 業種の欄だけ ★**全幅 1110**（★他の7つは ★`480`・`max-width:480px`）＝ ★欄の幅が割れています。
        ★是正 … ★業種の器（`.crm-chips.core-row` の中の `button.chip`）を ★**他の欄と同じ 480** へ
          （★数は ★**他の欄から**取りました＝当窓では決めていません）。
   ★★② 帯の題「基本設定」が ★**`h1.title` 1×1**（★字は28pxなのに箱が潰れて ★絵に出ていません）
        ＝ ★D-4952④ で「★1440 の題の y だけ器が読めない」と申告した物の ★**正体**。
        ★是正 … ★題の箱を ★**中身なり**に（★`display:block` のまま `width/height:auto`＝
          ★字も色も寸も触りません＝★潰れている箱だけ戻します）。 */
/*  ★★★D-5084（★創造D 9/23 21:50・指摘台帳 A28）＝ ★上の①の条（a5e6db8c・0762fbed の `width:100%; max-width:480px`）は
      ★**消しました**。★業種1つの為の条が ★詳細設定の全部の択に当たっていました（★当窓の非）。
      ★★業種の 1440 の幅は ★設計者の 9/18 の絵（B20）と描き役Bの絵を並べてから（★号 2）。 */
/*  ★★★②は ★**当窓の見立て違い**でした（★取り消します）。
      ★★実測で条を名指ししたら … `@media(min-width:961px) .main > .page-head .title-row > h1{
        position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }`
      ＝ ★**わざと読み上げ専用に隠して**います。
      ★★D-4792 の裁定「★1440 の頭＝**眉あり・題なし**・[？]」＝ ★**これが正**です。
      ★∴ ★当てかけた `width:auto` の塊は ★**置きません**（★題は 1440 では出ないのが正）。 */

/* ══════ D-4972 面直しA①／舞台の器を1組だけ ＝ 原図『原図_制作の卓_B00_B01_v1』の値そのまま ══════
   ★★裁定 verbatim …「★全画面で一つの事に集中する面は ★**舞台の器1つ**で描く
     （★制作の卓B-00／はじめるB-01／対話B-02／設計書／待ちの顔／画像の卓／診断入口の卓／一覧から選ぶ／公開の完了）。
     ★**6タブの事業者面・幕・訪問者面には持ち込まない（1バイトも）**」
   ★★印（★当窓が立てる1組）…
     `.ob-stage`（地＋光2つ＋金の軸＋余白）／`.ob-stage-wrap`（幅1152）／
     `.ob-stage-head`（眉・題・添え）＝中に `.ob-stage-eyebrow` `h1` `.ob-stage-lead`／
     `.ob-stage-cols`（本体＋右400）／`.ob-stage-sec`（節の題・右に道）／
     `.ob-panel`（札の地＝対話の `.ob-talk-card` と ★同値）／
     `.ob-make`＋`.ob-mk`（略図つきの札）＋`.ob-ic`＋略図4種 `.ob-i-lp` `.ob-i-tg` `.ob-i-im` `.ob-i-dg`／
     `.ob-cont`＋`.ob-it`＋`.ob-th`（サムネ56）＋`.ob-pill`（公開/下書き）／
     `.ob-num`（明朝の番号）／`.ob-flow`（3歩の図）／`.ob-stage-foot`。
   ★★★当たるのは ★`.ob-stage` の中だけ（★印を持たない面には ★1バイトも効きません）。
   ★★対話の `.ob-talk-*` は ★**この器の上に載せます**（★二態を作らない）＝
     `.ob-talk-card` は `.ob-panel` と ★同じ値（★既に同値で置いてあります＝差し替え0）。 */

[class~="ob-stage"]{
  position:relative;
  min-height:100dvh;
  padding:72px 24px 64px;
  display:flex;
  justify-content:center;
  background:var(--bg);
  color:var(--ink);
}
[class~="ob-stage"]::before{
  content:""; position:fixed; inset:0; pointer-events:none;
  background:radial-gradient(60% 46% at 50% -6%,rgba(201,162,75,.16),transparent 70%),
             radial-gradient(40% 40% at 86% 100%,rgba(201,162,75,.06),transparent 70%);
}
[class~="ob-stage"]::after{
  content:""; position:fixed; left:50%; top:0; width:1px; height:100%; pointer-events:none;
  background:linear-gradient(rgba(201,162,75,.28),transparent 38%);
}
[class~="ob-stage-wrap"]{ position:relative; z-index:1; width:100%; max-width:1152px; }
[class~="ob-stage-eyebrow"]{ font-size:12.5px; color:var(--gold); letter-spacing:.2em; }
[class~="ob-stage-head"] h1{ font-size:28px; font-weight:700; line-height:1.5; margin-top:12px; }
[class~="ob-stage-lead"]{ font-size:14px; color:var(--ink-dim); margin-top:6px; }
[class~="ob-stage-cols"]{
  display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:48px; margin-top:40px; align-items:start;
}
[class~="ob-stage-sec"]{
  font-size:12.5px; color:var(--ink-dim); letter-spacing:.2em;
  padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:16px;
  display:flex; justify-content:space-between; align-items:center;
}
[class~="ob-panel"]{
  background:linear-gradient(168deg,#1D1912 0%,#14110B 48%,#0D0B08 100%);
  border:1px solid rgba(201,162,75,.35);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(201,162,75,.10);
}
/* ★つくる札（★絵＝略図・★丈は中身なり＝字を切らない） */
[class~="ob-make"]{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
[class~="ob-mk"]{
  padding:20px; display:grid; grid-template-columns:96px 1fr; gap:20px; align-items:center;
  transition:.2s; min-height:148px; width:100%; text-align:left;
}
[class~="ob-mk"]:hover{
  border-color:var(--gold);
  box-shadow:inset 0 1px 0 rgba(201,162,75,.10),0 0 40px rgba(201,162,75,.14);
  transform:translateY(-2px);
}
[class~="ob-mk"] [class~="n"]{ font:400 20px/1 "Cormorant Garamond",serif; color:var(--gold); }
[class~="ob-mk"] [class~="t"]{ font-size:18px; font-weight:700; margin-top:4px; }
[class~="ob-mk"] [class~="d"]{ font-size:13px; color:var(--ink-dim); line-height:1.6; margin-top:4px; }
[class~="ob-ic"]{
  width:96px; height:108px; border-radius:10px; background:#0D0C0A;
  border:1px solid var(--line); position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
/* ★略図4種（★飾りでは無く「何ができるか」の図） */
[class~="ob-i-lp"]{
  width:44px; height:84px; border-radius:7px; border:1px solid rgba(201,162,75,.6);
  padding:3px; display:flex; flex-direction:column; gap:3px;
}
[class~="ob-i-lp"] i{ display:block; border-radius:2px; background:rgba(237,234,228,.16); }
[class~="ob-i-lp"] i:first-child{ height:30px; background:linear-gradient(160deg,#cdbfa6,#7d6a4c); }
[class~="ob-i-lp"] i:nth-child(2){ height:5px; width:70%; background:var(--gold); }
[class~="ob-i-lp"] i:nth-child(n+3){ height:4px; }
[class~="ob-i-tg"]{ display:grid; grid-template-columns:1fr 1fr; gap:4px; width:64px; }
[class~="ob-i-tg"] i{ aspect-ratio:3/4; border-radius:3px; background:linear-gradient(160deg,#cdbfa6,#7d6a4c); opacity:.85; }
[class~="ob-i-tg"] i:nth-child(2){ opacity:.55; }
[class~="ob-i-tg"] i:nth-child(3){ opacity:.4; }
[class~="ob-i-tg"] i:nth-child(4){ opacity:.7; }
[class~="ob-i-im"]{ width:64px; height:64px; border:1px solid rgba(201,162,75,.6); padding:4px; }
[class~="ob-i-im"] i{
  display:block; width:100%; height:100%;
  background:radial-gradient(circle at 70% 30%,#E9CF8A 0 8px,transparent 9px),linear-gradient(160deg,#5b5140,#2a2418);
}
[class~="ob-i-dg"]{ display:flex; flex-direction:column; gap:5px; width:60px; }
[class~="ob-i-dg"] i{ height:12px; border-radius:6px; border:1px solid rgba(237,234,228,.3); }
[class~="ob-i-dg"] i:nth-child(2){ background:var(--gold); border-color:var(--gold); }
/* ★つづきから（★サムネ56＝そのLPの顔／無ければ店の色に題の頭1字） */
[class~="ob-cont"]{ padding:8px 20px; }
[class~="ob-it"]{
  display:grid; grid-template-columns:56px 1fr auto; gap:14px; align-items:center;
  min-height:76px; border-bottom:1px solid var(--line); width:100%; text-align:left;
}
[class~="ob-it"]:last-child{ border-bottom:0; }
[class~="ob-th"]{
  width:56px; height:56px; border-radius:8px;
  background:linear-gradient(160deg,#cdbfa6,#7d6a4c);
  display:grid; place-items:center; font-weight:700; color:#fff;
}
[class~="ob-it"] b{ font-size:15px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
[class~="ob-it"] small{ font-size:12.5px; color:var(--ink-dim); }
[class~="ob-stage"] [class~="ob-pill"]{
  font-size:12.5px; border:1px solid rgba(201,162,75,.6); color:var(--gold);
  border-radius:999px; padding:2px 10px; white-space:nowrap;
}
[class~="ob-stage"] [class~="ob-pill"][class~="off"]{ border-color:var(--line); color:var(--ink-dim); }
/* ★舞台の中の足の2つ（★原図の値・★面の格は不動） */
[class~="ob-stage"] [class~="btn-line"],
[class~="ob-stage"] [class~="ob-btn-back"]{
  border:1px solid var(--ink); border-radius:10px;
  font-size:13px; font-weight:600; padding:13px 16px;
  min-height:44px; min-width:120px; text-align:center;
}
[class~="ob-stage"] [class~="ob-btn-p"],
[class~="ob-stage"] [class~="btn-gold"]{
  background:var(--gold); border:1px solid var(--gold); border-radius:10px;
  color:#141310; font-size:15px; font-weight:600; padding:13px 28px;
  min-height:46px; text-align:center;
}
[class~="ob-stage"] [class~="lnk"]{ color:var(--gold); font-size:14px; font-weight:500; }
[class~="ob-stage-back"]{ margin-top:40px; }
/* ★B-01 はじめる（★3歩の図） */
[class~="ob-start"]{ max-width:720px; margin:0 auto; padding:40px; text-align:center; }
[class~="ob-flow"]{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:32px 0 8px; text-align:center; }
[class~="ob-flow"] > div{ padding:0 12px; position:relative; }
[class~="ob-flow"] > div + div::before{
  content:""; position:absolute; left:-20%; top:22px; width:40%; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
[class~="ob-flow"] [class~="n"]{ font:400 40px/1 "Cormorant Garamond",serif; color:var(--gold); }
[class~="ob-flow"] b{ display:block; margin-top:10px; font-size:15px; }
[class~="ob-flow"] span{ font-size:12.5px; color:var(--ink-dim); }
[class~="ob-start"] [class~="ob-stage-foot"]{
  display:flex; justify-content:space-between; margin-top:32px; padding-top:20px; border-top:1px solid var(--line);
}
/* ★明朝の番号（★舞台の中で使い回す） */
/*  ★★★★D-5037②（★設計者裁定 2026-09-21）＝ ★**明朝と金の条は、舞台の中だけに閉じる**。
      ★★実測（★prod `1513a7d0`・390・顧客）… ★`span.pv.ob-num`（★「表示 **20件**」の値）が
        ★書体 ★**Cormorant Garamond**・★色 ★**rgb(201,162,75)（金）**・15px/600 になっていました。
      ★★★真因 … ★当窓が ★D-4972（舞台の器）で置いた ★`[class~="ob-num"]{ 明朝・金 }` が、
        ★顧客の択の ★**`ob-num`（★右寄せ用・`index.html:1970` `[class~="ob-num"]{text-align:right}`・
        ★便 `a2b5eafa`＝2026-08-31 D-3354「★数を出す択だけ右」）**と ★**同じ名でぶつかって**いました。
      ★★是正 … ★**`.ob-stage` の内側だけ**に効く形へ（★顧客の側は ★前の姿＝右寄せだけに戻ります）。
        ★★数も色も書体も ★1つも変えていません（★効く場所を狭めただけ）。 */
[class~="ob-stage"] [class~="ob-num"]{ font:400 20px/1 "Cormorant Garamond",serif; color:var(--gold); }
/*  ★★★D-4977（★設計者 2026-09-19）＝ ★対話・設計書・待ちの顔の ★**2列→1列の切り替えは 760**
      （★原図は 900 でしたが、★**タブレット縦（820）で「問いの札＋あなたのLP」が横に並ぶ事**が裁定）。
    ★★∴ ★舞台の器も ★同値（★900 → **760**）。★他の値は原図のまま。 */
@media (max-width:760px){
  [class~="ob-stage"]{ padding:24px 12px 40px; }
  [class~="ob-stage-head"] h1{ font-size:22px; }
  [class~="ob-stage-cols"]{ grid-template-columns:1fr; gap:32px; margin-top:24px; }
  [class~="ob-make"]{ grid-template-columns:1fr; }
  [class~="ob-mk"]{ grid-template-columns:72px 1fr; gap:16px; min-height:0; padding:16px; }
  [class~="ob-ic"]{ width:72px; height:84px; }
  [class~="ob-start"]{ padding:24px 20px; }
  [class~="ob-flow"]{ grid-template-columns:1fr; gap:20px; }
  [class~="ob-flow"] > div + div::before{ display:none; }
}

/*  ★★★★D-4983①（★設計者裁定 2026-09-19 18:22）＝ ★**直さない。戻す。**
      ★★ここに在った ★D-4979③ の2つの塊（★`.seg` の択と `.ob-pick` を 44／★格Hを持つ行を 44）は
        ★**号に無い部品を全面で動かした**ので ★**丸ごと外しました**（★律①）。
      ★★壊した便 ＝ `7b2c8f74`（`.ob-pick`／`.seg` を44）・`bfe17096`（格Hの行を44）。
      ★★最後に正しかった値 ＝ ★パーツ正典v1（★選択ボタン **H36**／★pick **28**）。 */

/* ★★★★D-4981③（★対話・制作の卓が prod に乗ったので原図と computed で突合・2026-09-19）。
   ★★実測（★prod `a0c8ffe5`・1440・制作の卓）… ★舞台の器は ★**原図どおり**
     （内側72/24・光2つ・軸1px・眉12.5金・題28/700・略図96×108・サムネ56×56・列 1fr+400）。
   ★★★差は2点 …
     ★① つくる札 `.ob-mk` の ★**最小丈が 44**（★原図は **148**）＝ ★実測 314×193。
        ★真因 … ★`.bld-full button{min-height:44px}`（★重み 0,1,1）が
          ★当窓の `[class~="ob-mk"]`（0,1,0）に ★**勝って**います。
     ★② つづきの行 `.ob-it` の ★**丈が 82**（★原図は **76**＝`min-height:76px`）。
        ★真因 … ★同じ `.bld-full button{min-height:44px}` の下で ★中身なりに伸びた所
          （★原図の `min-height:76` を当窓が書いていませんでした＝ ★当窓の漏れ）。
   ★★是正 … ★原図の値を ★**同じ重さで**置き直します（★数は原図のまま・新しい色0）。 */
[class~="ob-mk"][class~="ob-mk"]{
  min-height:148px;
}
[class~="ob-it"][class~="ob-it"]{
  min-height:76px;
}
@media (max-width:760px){
  [class~="ob-mk"][class~="ob-mk"]{ min-height:0; }
}

/* ★★★★D-4983③（★設計者裁定 2026-09-19）＝ ★**[一覧／パイプライン表]と並び順のプルダウンの間0**。
   ★★実測（★prod `638cd6be`・390・顧客）…
     ★[担当 すべて]（上303/347）→ `.seg`（上403/457）＝ 間 **56**
     ★★[並び順 …]（上359／**403**）→ `.seg`（上**403**／457）＝ ★**間 0**（★くっついています）。
     ★★★註の斜線は ★**全角**です（★半角だと `**403**` の後ろが ★註の閉じ字になり、
       ★この下の `[class~="seg"]` の規則が ★**丸ごと死にます**＝ ★D-5062g で実測）。
   ★★∴ ★`.seg` の器に ★**上の余白 12**（★同じ面で既に使われている値＝`.seg` の親の `margin-bottom:12px`）。
     ★★新しい数は ★作っていません（★12＝この行の器が既に持つ値）。
     ★★当たるのは ★`.seg` を直に持つ器だけ＝ ★他の並びは不動。 */
/*  ★★`:has(> .seg)` の親は ★**無名の div** で当たりませんでした（★実測）＝
      ★`.seg` そのものに ★上の余白を持たせます（★同じ12）。
    ★★★D-5062h（面直しA・9/23）… ★この条は 9/19 に生まれた時から ★**一度も効いていません**でした
      （★上の註の `**403**／457` の半角の形が註を閉じ、★選択が註の字ごと割れていました＝ ★prod で顧客の間は両幅とも **0**）。
      ★★生き返らせると ★`.seg` は面に3つ（★顧客1・発信2）＝ ★発信の2つ（［画像／案内］・画像の5択）まで
      ★4〜12px 動きます＝ ★上の註の「当たるのは `.seg` を直に持つ器だけ・他の並びは不動」に反します。
      ★∴ ★顧客の器 `#crm-body` の中だけへ絞ります（★数は同じ12・★新しい数0）。 */
#crm-body [class~="seg"]{
  margin-top:12px;
}

/* ★★★★D-4983④（★設計者裁定 2026-09-19）＝ ★**運用設定の中の札が平たい箱**。
   ★★実測（★prod `638cd6be`・390・ホーム＞運用設定を開いた姿）…
     ★中の札 `.beh`（`section.card.beh.ob-card` 316×137）＝ ★**縁 0px・角 0px**
     ／★地だけ ★`linear-gradient(168deg,…)`（★当窓の D-4952② が当てた金の階調）。
   ★★★真因（★条を名指し）… ★`canon` の
     `.main.ob-face .section.card .beh{ padding:12px 0; **border:0**; background:none; **border-radius:0** }`
     （★重み 0,4,0）が ★縁と角を ★**消して**います。
     ★★★当窓の D-4952②（`[class~="card"][class~="card"]` 0,2,0）は ★**地だけ**が勝ち、
       ★縁と角は負けた ＝ ★**金の階調なのに縁も角も無い**＝ ★平たい箱に見えます。
   ★★是正（★律③＝正の値は パーツ正典v1「★flat地の廉価カード禁止・★中の札も金縁グラデ」）…
     ★★中の札に ★**札と同じ縁と角**を返します（★数は ★**札の基準そのまま**＝ ★新しい数0）。
     ★★当たるのは `.beh`（★運用設定の中の札）だけ＝ ★他の器は不動。 */
/*  ★★配車後（prod `e1392b8a`）に ★**まだ縁0px・角0px**でした（★配信物で確認）。
      ★真因 … ★canon の `.main.ob-face .section.card .beh{…border:0;border-radius:0…}` は ★**0,4,0**、
        ★当窓の `[class~="main"] [class~="section"][class~="card"] [class~="beh"]` は ★**0,3,0** ＝ ★負けます。
      ★∴ ★**同じ重さ（0,4,0）**で受け取ります（★数は札の基準のまま＝新しい数0）。 */
[class~="main"][class~="ob-face"] [class~="section"][class~="card"] [class~="beh"],
[class~="main"] [class~="section"][class~="card"] [class~="beh"]{
  border:1px solid rgba(201,162,75,.35);
  border-radius:10px;
  padding:20px;
}

/* ★★★★D-4983⑤（★設計者裁定 2026-09-19）＝ ★**詳細設定の選択の釦が金の塗り・左寄せ**。
   ★★実測（★prod `638cd6be`・390・工房＞詳細設定）…
     ★[ふつう][長め][3個まで]（`button.chip.on`）＝ ★**地 `rgb(201,162,75)`（金の塗り）**・
       ★字 `rgb(27,26,22)`（黒）・★寄せ **left**・丈44。
     ★対の「有る」… ★基本設定の金は ★[保存する]（`btn-gold`）**1つだけ**＝ ★1面1金の律どおり。
   ★★★真因（★条を名指し）… ★`canon` の
     `.main .crm-chips > button.chip.on:not(.lnk):not(.kb-lnk){ background:var(--gold); color:rgb(27,26,22) }`
     （★重み 0,5,1）が ★`ui.css` の `.chip.on{ background:none; border-color:var(--gold); color:var(--gold) }`
     （★0,2,0）に ★**勝って**います。
   ★★是正（★律③＝パーツ正典v1「★選択は **金線＋金字**・★**塗らない**・★中央」）…
     ★★金の塗りを外し ★**金の線と金の字**へ（★数も色も ★`ui.css` の `.chip.on` が既に持つ物＝新しい値0）。
     ★★寄せは ★**中央**（★正典）。★当たるのは ★`.crm-chips` の中の選ばれた択だけ。 */
/*  ★★★D-5062b／G10 ── ★指摘台帳 **B8**（工房＞詳細設定の選択が金の塗り）が ★**残っていました**。
    ★★実測（★prod・390・[詳細設定]）… ★選ばれた釦 3個が ★**地 rgb(201,162,75)＝金の塗り**。
      ★台帳は「着（9/20 戻し）」でしたが、★面では **戻っていません**（★設計者の絵 9/19 18:29 のまま）。
    ★★真因 … ★素の条（index.html）
      ★`.main .crm-chips>button.chip.on:not(.lnk):not(.kb-lnk){ background:var(--gold) … }`
      ＝ ★**素の class の選択子**（0,4,1）が、★当窓の `[class~="…"]` の条（0,3,1）より **強い**。
      ★当窓の条は 9/20 から ★**一度も効いていませんでした**（★当窓の非）。
    ★★是正 … ★**同じ形の否定を足して**特異度を並べます（★色も値も 1つも変えていません）。
    ★★実測（★当てた後）… ★金で塗られた選択 **3 → 0**／★釦の数は 3個・21個の **まま**（対の「有る」）。
      ★工房[基本設定]・ホーム[設定を開く] … 選ばれた釦 0個（★巻き添えの余地なし）。★390の絵で確認。
    ★★可逆＝この2つの否定を消すだけ。 */
[class~="main"] [class~="crm-chips"] > button[class~="chip"][class~="on"]:not([class~="lnk"]):not([class~="kb-lnk"]){
  background:none;
  border-color:var(--gold);
  color:var(--gold);
  text-align:center;
  justify-content:center;
}

/* ★★★★D-5030④-1（★設計者の実機5枚・2026-09-21）＝ ★**眉の字の上半分が切れている**。
   ★★実測（★prod `5c47720c`・390・ホーム／顧客／工房の3面とも同じ）…
     ★箱 `358×16.0`（上12.0／下28.0）・★字 `12px`・★行送り **16px**
     ★★字の ★**実インク**（Range で測りました）＝ ★上 **11.0**／下 28.0・★丈 **17.0**
     ＝ ★★**上が箱から 1.0px はみ出し**、★上の帯に隠れて ★**上半分が欠けて見えます**。
   ★★★真因（★便を名指し）… ★`index.html:404` の `.eyebrow{ line-height:16px }`
     ＝ ★便 **`f2143fa9`**（★D-2873・2026-08-28「★眉の高さ 23→16」）。
     ★★字の実インクは **17** で、★**16 に収まりません**（★字は12px・字間 .16em・uppercase）。
   ★★是正（★律＝新しい数を作らない）… ★**箱の丈は 16 のまま**（★D-2873 の値を守ります）。
     ★★字が箱の上へ出ないように ★**行送りを字なりへ戻し**、★箱の丈は `height` が持ちます
       ＝ ★見た目の位置も丈も ★**1pxも動きません**（★切れだけが直ります）。 */
/*  ★★点で名指ししました … ★眉のインクの上端 ★**11.0** は ★親 `.page-head`（★内側 12・地は不透明
      `rgb(10,10,11)`・`position:sticky`・`z=100`）の ★**内側より上**に出ており、
      ★★親の地の上端で ★**字の上半分が切られます**（★y=10.0 の点は `.page-head` が返りました）。
    ★★∴ ★行送りを字なりへ戻し（★16 では 17 のインクが入りません）、
      ★**親の内側を 12 → 13** にして ★字を1px下げます（★箱の丈16・題のy・帯の丈80は ★**不変**）。
    ★★数は ★**1px だけ**（★インクのはみ出しぶん＝実測の 1.0px）。 */
/*  ★★行送りを字なりへ戻しても ★インクは ★**上 11.5**（★箱の上 12.0）で ★0.5px 残ります
      （★字12px・字間.16em・uppercase の実インクは ★**17.0**＝ ★箱16 には収まりません）。
    ★★∴ ★**箱の中で字を下げます**（★`align-items:flex-end`）＝ ★箱の丈16・L0の内側・帯の丈は
      ★**1バイトも動きません**（★親の上端は素の `calc(12px + var(--safe-t))` のまま）。
    ★★下へは 0.5px 出ますが ★下は ★**題との間（4px）**が在り ★切れません（★上だけが帯に切られます）。 */
/*  ★★実測で向きを直しました … ★`flex-end` は ★**逆**（★インクが上へ 1.0px 出ました）。
      ★★字のインク（17.0）は 箱（16）より ★**大きい**ので、★どちらへ寄せても 1px は出ます。
      ★∴ ★**下へ出す**（★`flex-start`＝上端を箱に合わせる）＝ ★上は切られません。
      ★★下の 1px は ★題との間（4px）の中＝ ★**切れません**。★箱の丈16・L0の内側・帯の丈は不変。 */
[class~="eyebrow"]{
  line-height:normal;
  height:16px;
  display:flex;
  align-items:flex-start;
}
/*  ★★内側を 13 にすると ★帯が **80→81** に伸びました（★D-4952④ で全タブ・全子面を **80** に
      揃えた値が崩れます）。★∴ ★下の内側で ★**1px 相殺**します（★16→15）＝ ★帯は **80 のまま**。
    ★★動くのは ★眉・題・[？]が ★**そろって 1px 下がる**ことだけ（★字の切れが直ります）。 */
/*  ★★★★D-5033②（★創造Dの見比べ 2026-09-21）＝ ★当窓の ★**13/15 は取り消し**ます。
      ★★理由（★実測で分かった当窓の非）… ★390 の L0 の素の条は
        `.main>.page-head{ padding:calc(12px + var(--safe-t)) 0 16px }`
        ＝ ★**安全域（`env(safe-area-inset-top)`）を足す形**です。
      ★★当窓の `padding-top:13px` は ★この `calc(12px + var(--safe-t))` を ★**丸ごと上書き**し、
        ★★実機（★切り欠きの機・`--safe-t` が 47pt 前後）で ★**帯ごと安全域ぶん上へ寄って**いました
        ＝ ★設計者の絵の「★上の帯ごと約15pt上へずれている」と ★同じ向きの崩れです
        （★器は `--safe-t:0px` ＝ ★**この崩れが出ません**＝ ★当窓が見落とした所）。
      ★★∴ ★**素の条へ戻します**（★13/15 は置きません）。★眉の切れは ★行送りだけで受けます。 */

/*  ★★★★D-5045②（★設計者裁定 2026-09-22）＝ ★**D-5037③ の繕いを消す**。
      ★★ここに在った ★`span[class~="ob-title"]…{ border-bottom:0 … }`（★便 `4267956d`＝
        ★工房の札の「短い線」を落とす仮の条）は ★**消しました**（★号②）。
      ★★∴ ★工房の札の線は ★**ビルダーの作り直し**が受けます（★骨から `kb-tile` を外す便）。 */


/* ★★★★D-5036 C3-イ（★設計者の実機 2026-09-21）＝ ★**一手の本文が「…期限／が来ています。」と変な所で改行**。
   ★★実測（★prod `1513a7d0`・390・ホーム）… ★`.ichite-line`（274×41）の
     ★`text-wrap` ＝ ★**pretty**（★親 `.hero-lead` から継いでいます・★自分の条は **0件**）。
     ★★行の幅 … ★行0 **263**（★箱274・★余り **11**）／行1 **119**（★余り156）
     ＝ ★`pretty` が ★**最後の行を揃えようとして手前で折り**、★箱の右に 11px 残したまま改行しています。
   ★★是正 … ★**一手の本文だけ** `text-wrap:wrap`（★箱の幅いっぱいまで使う・途中で折らない）。
     ★★`.hero-lead` の `pretty` は ★**そのまま**（★他の面の副題は不触）。
     ★★字も寸も色も ★1バイトも触りません（★折り方だけ）。 */
/*  ★★実測で ★**折れていた場所**を字で名指ししました …
      ★1行目＝「ohba_kohkiさんへの次アクション、★**期**」（22字・幅 262.9）／2行目＝「★**限**が来ています。」
      ＝ ★**「期／限」で語が割れて**いました（★箱274・★次の1字を足しても 262.9＝ ★入るのに折れている）。
    ★★`text-wrap` を `wrap`／`stable`／`balance` に替えても ★**同じ所で折れます**（★実測）＝
      ★`pretty` のせいでは在りません。★真因は ★**語を割る折り方**（`word-break:normal`）。
    ★★∴ ★`word-break:keep-all`（★語を割らない）＝ ★実測で 1行目が「…次アクション、」＝
      ★**読点で折れる正しい形**になりました。★字も寸も色も1バイトも触りません（★折り方だけ）。 */
[class~="ichite-line"]{
  word-break:keep-all;
}

/* ★★★★D-5036 C5（★設計者の実機 2026-09-21）＝ ★**資料室の［削除］が字だけ＝白枠釦に**。
   ★★実測（★prod `1513a7d0`・390・工房＞資料室＞札を開く）…
     ★［削除］＝ `<button.sr-act.is-quiet>` ★**30×44**・★**縁 0px**・地なし・字 15/600・色 `rgb(168,162,154)`
     ＝ ★**字だけ**（★`is-quiet` が縁を消しています）。
   ★★是正 … ★**白枠釦の値**（★D-5037① の裁定＝ ★丈 **44**・縁 `1px var(--line)`・字 14/500・角10・最小幅120）へ。
     ★★数は ★**格G（`.ob-btn-g`）が既に持つ物だけ**＝ ★新しい数 0。
     ★★当たるのは ★資料室の［削除］（`.sr-act.is-quiet`）だけ＝ ★他の `sr-act` は不動。 */
[class~="sr-act"][class~="is-quiet"]{
  min-height:44px; height:44px;
  min-width:120px; width:auto;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:none;
  color:var(--ink);
  font-size:14px; font-weight:500;
}

/* ★★★★D-5029-1③（★設計者の実機・ビルダーの器 `?eng=3` で候補を並べた姿で実測）＝
   ★**下書きの箱／「温かい・鋭い」と 釦の行の間が 0**。
   ★★実測（★ハーネス `?eng=3&face=home`・390）… ★`.card-acts` は ★`margin-top:12px` を持つのに ★**0**。
   ★★★潰していた条（★便で名指し）… ★`canon` の
     `.main.ob-face .section.card .card:has(> .card-head) > *{ margin-top:0 }`
     ＝ ★便 **`73b70831`**（★D-1247 手3「★候補カードの子の margin-top を基準の0へ」）。
     ★★これは ★**候補の札の子を全部**打つため、★足の行（`.card-acts`）まで巻き添えにしています。
   ★★是正（★律＝直さず戻す・足さない）… ★**足の行だけ**を ★この条の外に出します
     （★`4deee383` の **12** が生き返るだけ＝ ★新しい数 **0**）。
     ★★当たるのは ★候補の札の中の `.card-acts` だけ＝ ★他の子（★名・元の投稿・下書き・温かい/鋭い）は ★**不動**。
   ★★★①②④について … ★①[見送る]120×36 vs [承認して下書き]132×44 は ★**D-5036 C2 の着地で
     120×44／132×46 に揃いました**（★実測で確認）。★④の下の空き21px は ★`4deee383` の
     `padding-bottom:16px`＝ ★**号が「戻す」と名指ししていない**ので不触。 */
[class~="main"][class~="ob-face"] [class~="section"][class~="card"] [class~="card"]:has(> [class~="card-head"]) > [class~="card-acts"]{
  margin-top:12px;
}

/* ★★★★D-5045①（★設計者裁定 2026-09-22）＝ ★**格子の条の当て先を `.kb-tile.c12` → `.c12`**（★c6／c4 も）。
   ★★いまの条（★`canon`・`index.html:945-947`・`1005`）…
     `.main.kobo .kb-tile.c12{grid-column:span 12}` ／ `.kb-tile.c6` ／ `.kb-tile.c4` も同じ **span 12**
     （★D-4435 原図v2_5 工房_1440＝★全枚 1152幅の1列）。
   ★★★これは ★**`kb-tile` が居ないと効きません**＝ ★ビルダーが骨から `kb-tile` を外すと ★格子が崩れます。
   ★∴ ★**`.c12` / `.c6` / `.c4` だけ**で効く形に移します（★値は ★**span 12 のまま**＝新しい数 0）。
     ★★当たるのは ★工房の面（`.main.kobo`）の中の格子の札だけ＝ ★他の面は ★1バイトも動きません。
   ★★→ ★**ビルダーへ**：★これで ★骨から `kb-tile` を外しても ★格子は保たれます。 */
[class~="main"][class~="kobo"] [class~="c12"],
[class~="main"][class~="kobo"] [class~="c6"],
[class~="main"][class~="kobo"] [class~="c4"]{
  grid-column:span 12;
}

/* ★★★★D-5045③（★設計者裁定 2026-09-22・★号の踏み方で開けました）＝ ★**入口の詳細の幕を在る器へ**。
   ★★踏み方 … 導線タブ → 札「入口ごとの流れ」→ 行の右端［開く］→ 幕（★題・URL・QR・[コピー][保存][削除][戻る]）。
     ★★器に ★**行の字で絞る形**（`親の字@釦の字`）を足して届きました
     （★同じ字の［開く］が並ぶ面では ★先頭の1本＝GBPの行しか押せていませんでした＝ ★器の穴を1件記帳）。
   ★★実測（★prod `295a9b7d`・390）… ★幕 `366×485`・左12・内側20（★在る幕の器のまま）／
     ★題 `ob-modal-t.ob-title` 18px ○ ／ ★足 `.ob-sheet-f` に［戻る］120×44（左）○
     ★★★赤2つ …
       ★① ★**URL が等幅**（`<code>` ＝ `monospace` 13px）＝ ★号「★URLは**本文の書体**」に反します。
       ★② ★[保存]（上328）と[削除]（上368）が ★**別の行に1つずつ**＝ ★号「★主の釦 右」に反します
          （★足に居るのは［戻る］だけ）。
   ★★是正 … ★①URL を ★**本文の書体**へ（★字は13のまま＝読み幅は変えません）。
     ★★②[保存]と[削除]を ★**1つの行に右寄せ**で並べます（★足の[戻る]は左のまま＝ ★在る幕の器と同じ形）。
     ★★数は ★在る器が持つ物だけ（★間12・右寄せ）＝ ★新しい数 **0**。
     ★★当たるのは ★**この幕（`:has(> .ob-modal-t)` の中の `code`／[保存][削除]の行）**だけ。 */
[class~="ob-sheet"] code{
  font-family:inherit;
}
/*  ★★実測で器を名指し直しました … ★[保存]の行は ★既に `flex-end`、★**[削除]の行だけ `flex-start`**
      ＝ ★同じ役の2つが ★左右に割れていました（★`> div` では[削除]の器に届きませんでした）。
    ★∴ ★幕の中で ★**`.tool` を1つだけ持つ行**を ★全部 ★右寄せに揃えます。 */
[class~="ob-sheet"]:has([class~="ob-modal-t"]) div:has(> a[class~="tool"]):not(:has(> * + *)),
[class~="ob-sheet"]:has([class~="ob-modal-t"]) div:has(> button[class~="tool"]):not(:has(> * + *)){
  /*  ★★実測 … ★[削除]の器は ★**直書き** `style="display:flex; justify-content:flex-start; margin-top:12px"`
        を持っています（★条の一覧の外＝綴じでは勝てません）。
      ★∴ ★**寄せの1語だけ** `!important` で受け取ります（★間12・丈・字は直書きのまま＝不触）。 */
  display:flex; justify-content:flex-end !important; gap:12px;
}

/* ★★★★D-5030 順2（★ビルダーの名指し 2026-09-21・★当窓の車線＝紙）＝
   ★**顧客の道具の行が 40px の箱に隠れる**。
   ★★名指しの2条 …
     ★① `.ob-tools{ min-height:40px; **height:40px**; overflow:auto }`（★原図§0「道具の行 h40・1本の行」）
     ★② `.ob-tools > .ob-op{ … }`＋骨の直書き `flex-wrap:wrap; row-gap:12px`（★便 `e165cbd7`）
     ＝ ★**折り返した2行目が 40px の箱の中に隠れます**（★DOMに在るのに画面に出ません）。
   ★★実測（★prod `9b598b68`）…
     ★390 ＝ ★**直っています**（★骨の直書きに `height:auto` が入り ★丈100・箱の外 **0件**）。
     ★★1440 ＝ ★**丈40 のまま**で ★[担当][並び順]（★どちらも丈44）が ★**箱の外＝2件**。
   ★★是正 … ★`.ob-tools` は ★**中身が1行に収まる時は40のまま**、★**折り返した時だけ中身なり**へ
     （★`height:40px` → `min-height:40px` ＋ `height:auto`＝ ★原図の「h40」は ★最小として残ります）。
     ★★`overflow` は ★**触りません**（★D-4713① が「一覧は器の外へ出す」でこれを読んでいます）。
     ★★新しい数は ★**0**（★40 はそのまま・★中身なりに開くだけ）。 */
[class~="ob-tools"]{
  min-height:40px;
  height:auto;
}

/* ★★★★D-5062i（★当窓 b3084c4c §5⑤ の記帳＝ ★⑫タップ44未満の全数割りの残り）＝
   ★★売上管理の［期間 今月］の当たりが **41**・［売上CSV］［顧客CSV］が **40.75**（★両幅・prod 実測）。
   ★★真因 … ★2つの行は ★上の条のとおり `.ob-tools`＝ ★**丈40**・`overflow-x:auto`
     （★横が auto なので ★縦も auto に計算され ★行の縁で切ります）。
     ★丈28の釦は ★上下に 6 しか持てず、★座布団（`inset:-8px`・丈44）の ★**2px ずつ**を ★行が切っていました
     ＝ ★28＋6＋6＝ **40**（★同じ面の［CSV出力］［表示20件］は ★行が **44** なので ★43.75）。
   ★★是正 … ★顧客の面（`.crm-grid2`＝ ★app.js で1か所だけ組まれる器）の中の ★**題を持たない**道具の行を
     ★**丈44**に（★同じ面の道具の行は既に44＝ ★index.html の `.crm-toolbar>.ob-op{min-height:44px}`・
     ★`.crm-pager{min-height:44px}`＝ ★D-3360③「行44」）。★新しい数0・★横送り（overflow）は ★不触。
     ★★当たる行は ★2本だけ（★［期間 今月］の行・［売上CSV］［顧客CSV］の行）。★顧客の道具の行は
       ★既に 44／100 で ★1pxも動きません。★題を持つ行（★D-4603 の丈0）は ★外します。
   ★★実測（★prod へ条を注して）… ★［期間 今月］41→**43.5**／［売上CSV］［顧客CSV］40.75→**43.75**
     ／★売上管理の札の丈 +8（★行2本×4）・★他の6タブは 12条が字ごと同一。
   ★★可逆＝この塊を消すだけ。 */
[class~="crm-grid2"] [class~="ob-tools"]:not(:has(> [class~="ob-title"])){
  min-height:44px;
}

/* ★★★★D-5029-6／D-4973（★札と札の間＝基準 **12**）＝ ★★工房の 札の間が **24** でした。
   ★★実測（★当窓・390と1440）… ★格子（`.kb-grid`）の 隙間が **12**、★その上に
     ★札1枚ごとに ★**上余白 12** が乗って ★合わせて **24**（★上80／333／488／701＝間24）。
   ★★上余白の出どころ … ★`web/index.html` の 素の条 `.main.kobo .card + .card{margin-top:12px}`。
     ★★これは ★**縦に積む**並びの ための条で、★正しい条です。★ビルダーが 工房の札を
     ★★格子（`.kb-grid`）へ 移した（★c7484b91）ので、★格子の 隙間と ★**二重**になりました。
   ★★是正 … ★★**格子の中でだけ** その上余白を 打ち消します（★D-5036 分担「条を消すのは面直しA」）。
     ★★新しい数は 作っていません（★0 は 打ち消し）。★格子の外の 縦積みは ★不動。
   ★★実測（★打ち消し後）… ★工房 390＝赤0件／1440＝赤0件、★顧客・導線に 巻き添え 0件。
   ★★可逆＝この塊を消すだけ。 */
[class~="main"][class~="kobo"] [class~="kb-grid"] [class~="card"] + [class~="card"]{ margin-top:0; }

/*  ★★★★D-5029-5（★820 実測 2026-09-22）＝ ★**「PCなら広い」の前提が 820 で 崩れます**。
    ★★素の条 … `@media(min-width:761px){ .ob-nowrap-pc{ white-space:nowrap } }`（★index.html）。
      ★組む所の註（`app.js`）も「★390 で nowrap にすると 横へ 溢れる＝ **PC節だけで止める**」。
    ★★実測（★820・顧客の[今のシステムから乗り換える]の本文）…
      ★箱は **295**（★右に[乗り換えをはじめる]の釦が 居るので 半分です）／
      ★字は **735** ＝ ★**440 も 箱から 出て**、★釦の下へ 潜って 見えます。
      ★★当窓は 一度 この赤を ★**器の rect で測って「重なり無し」と 言いました**＝
        ★誤りです（★字は **インクで** 測る＝当窓の掟。★`scrollWidth` と `clientWidth` で 出ます）。
    ★★是正 … ★**2列になる幅の間だけ** 折り返させます（★`normal`＝既定＝新しい数 0）。
      ★961px 以上（★札が 全幅）では ★nowrap の まま＝ ★1440 は 1バイトも 変わりません（★実測）。
    ★★実測（★当てた後）… ★820 の「…無しの切れ」＝ **0件**／★1440 ＝ 変化なし。★820の絵で確認。 */
@media (min-width:761px) and (max-width:960px){
  [class~="ob-nowrap-pc"]{ white-space:normal; }
}

/*  ★★★★D-5062b／G10 ── ★設計者の指摘台帳 **B5**「書き出しの下に罫線2本と空の帯」（★紙の側）。
    ★★実測（★prod・390／1440）… ★節の題の行 `.ob-sec` は ★**素の条**（index.html）で
      ★`padding-bottom:4px; border-bottom:1px solid var(--line)` を持っています。
      ★その中の題（`.ob-title`）に ★**当窓の条**が もう1本 罫を足していました＝ ★**罫が2本**。
      ★さらに 当窓の `padding-bottom:12px` ＋ `margin-bottom:16px` が ★題の下に **28px の空き**を作り、
      ★これが ★**空の帯**に見えていました（★行の丈 … 書き出し **50**／月次推移 **69**）。
    ★★是正 … ★`.ob-sec` の中の題は ★**罫も下の空きも持ちません**（★行が持っています）。
      ★数は **0** だけ（★打ち消し）＝ ★新しい値を作っていません。
    ★★実測（★当てた後）… ★罫が2本の題 **2 → 0**（両幅）。★行の丈 50→**34** ／ 69→**53**。
      ★巻き添え … ★顧客・工房・導線の **札の題の下線は 1 本のまま**（判子の門・赤0件）。
      ★絵 … 390 の前後で「罫2本＋空の帯」→「罫1本で釦に繋がる」を確認。
    ★★可逆＝この塊を消すだけ。 */
[class~="ob-sec"] [class~="ob-title"]:not(span),
[class~="ob-sec"] [class~="section-h"]:not(span){
  border-bottom:0; padding-bottom:0; margin-bottom:0;
  height:29px;   /* ★D-5088 F2 の `height:auto` を行の中の題には当てない（★丈29 のまま） */
}

/*  ★★★★D-5062b／G10 ── ★設計者の指摘台帳 **B7**「運用設定：中の札が縁も角も無い平たい箱／
      ★『1日の投稿本数』だけ上の縁が無い」（★紙の側）。
    ★★実測（★prod・[設定を開く]を押した姿・390）… ★中の札は **5枚**。
      ★角は **10px**・内側20・間12 で揃っていますが、★**縁の上**が
      ★1枚目だけ **1px**・★2〜5枚目は **0px**（★下は5枚とも1px）＝ ★4枚が 上の縁を失っています。
    ★★真因 … ★素の条（index.html）が ★`.beh + .beh{ border-top:1px }` を置いた後に、
      ★もう一度 ★**`.beh + .beh{ border-top:0 }`** を置いて 打ち消しています。
      ★当窓の条（`.beh` に全周の縁）は ★**隣り合わせの札にだけ** 後ろから上書きされていました。
    ★★是正 … ★隣り合わせの札にも ★**同じ縁**を（★色は当窓の条と同じ値＝ ★新しい値 0）。
    ★★実測（★当てた後）… ★上の縁が無い札 **4 → 0**（5枚とも 上1px/下1px・丈138→139）。
      ★巻き添え … ★`.beh` は ★**運用設定を開いた時だけ**面に出ます
        （★ホーム・顧客・工房・導線の 畳んだ姿では 見えている `.beh` は **0件**）。★390の絵で確認。
    ★★可逆＝この塊を消すだけ。 */
[class~="main"][class~="ob-face"] [class~="section"][class~="card"] [class~="beh"] + [class~="beh"]{
  border-top:1px solid rgba(201,162,75,.35);
}

/*  ★★★★D-5062b／G10 ── ★設計者の指摘台帳 **B15**「交流候補の札：**選択が金の塗り**」（★紙の側）。
    ★★実測（★ハーネス `?face=engage&eng=3`・390・候補3件）…
      ★「温かい／鋭い」の選ばれた方 ＝ ★**地 rgb(201,162,75)＝金の塗り**・字は地の色。
      ★同じ面の 上の絞り（[すべて][返信][引用]）は ★**金線＋金字・塗らない**＝ ★姿が割れています。
    ★★正の姿は ★**製品が持っています**（★当窓は決めていません）…
      ★prod のホーム＞運用設定の 選ばれた釦（`.beh button.chip.on`）＝
        ★地 **rgba(0,0,0,0)**（★塗らない）／縁 **1px rgb(201,162,75)**／字 **rgb(201,162,75)**／600
      ★台帳 B8 の正「★金線＋金字・**塗らない**・中央、★**ホームの運用設定の姿**」とも 一致します。
    ★★是正 … ★`.lens` の選ばれた釦を ★その姿へ（★色は `--gold` の役・★**新しい値 0**）。
    ★★実測（★当てた後）… ★地 rgba(0,0,0,0)／縁 1px rgb(201,162,75)／字 rgb(201,162,75)／600。
      ★選ばれていない方は ★不動（★地 透明・字 従の色）。
    ★★B15 の他の4点は ★**もう直っています**（★実測）…
      ★下書きの箱と「温かい／鋭い」の間 **12**（0ではない）／その下の釦との間 **24**（密着でない）／
      ★釦の下の空き＝札と札の間 **12**（大きな空きでない）／
      ★「見送る」120×44・「承認して下書き」132×46 ＝ ★D-5036 C2 の裁定（白枠44／金46）どおり。
    ★★可逆＝この塊を消すだけ。 */
[class~="main"][class~="ob-face"] [class~="lens"] button[class~="on"]{
  background:none;
  border:1px solid var(--gold);
  color:var(--gold);
}

/* ★★★★B15（設計者の指摘台帳・実機の絵 26・27・45）＝ ★交流候補の札の**釦の下の大きな空き**。
   ★★実測（★ビルダーの器 `?face=engage&eng=3`・`?face=home&eng=3`・440 と 1440）…
     ★[見送る][承認して下書き] の下の縁 → 札の下の縁 ＝ ★**37**（★両面・両幅とも同じ）。
     ★内訳 ＝ ★札の内側の下 **20** ＋ ★足の行 `.card-acts` の下 **16** ＋ ★縁 1。
   ★★真因 … ★下16は ★`4deee383`（D-4723 足の律）＝ ★札の内側が **12** だった頃に
     「札の内側の下16」を作るための数でした。★その後 D-4973 で ★札の顔が `.card` 1つ（内側 20）に
     なり、★**2つの空きが重なって** 36 になっていました。
   ★★是正（★新しい数 0）… ★候補の札（★温かい・鋭い `.lens` を持つ札＝この札だけ）の足の行の
     ★下16だけを 0 に ＝ ★札の下の空きは ★内側の 20（★他の札と同じ・D-4973 の基準の札）。
     ★他の札の `.card-acts` は ★**不触**。
   ★★可逆 … ★この塊を消すだけ。 */
[class~="card"]:has(> [class~="lens"]) > [class~="card-acts"][class~="pair"]{
  padding-bottom:0;
}

/* ★★★D-5088 F2 札の律「中身の最後→足の釦 16」の4枚目＝顧客管理の札（★面直しA）。
   ★★実測（★ビルダーの器 `?face=customer`・393 と 1440）… ★「表示 20件」の錠剤の下 → ［顧客を追加］の上 ＝ **20**（★両幅）。
   ★★真因 … ★［顧客を追加］の行の器（`.crm-toolbar` ＞ `.crm-addrow`）に app.js が素の style で **上12** を置き、
     ★その上の「表示」の行は丈44の中に錠剤28（★上下8）＝ ★8＋12＝20。
   ★★是正（★新しい数 0）… ★この行の器の上だけ **8**（★8＋8＝16）。★素の style に勝つので `!important`。
     ★当たるのは ★`#crm-body` の［顧客を追加］の行の器1つだけ（★他の道具の行・他の面は不触）。
   ★★可逆 … ★この塊を消すだけ。 */
#crm-body [class~="crm-toolbar"]:has(> [class~="crm-addrow"]){
  margin-top:8px !important;
}

/* ★★★D-5088 F2 札の律「中身の最後→足の釦 16・足の釦→札の下 20」＝工房＞基本設定・詳細設定の札（★面直しA・
     描き役B D5085 全数の撮り直し e5a2e594 の札の赤 B）。
   ★★実測（★prod・券は watcher・393 と 1440）… ★基本設定 足 **28／24**・下 **28**／★詳細設定 足 **8**・下 **28**（★両幅）。
   ★★真因 … ★①［保存する］［戻る］の行に app.js が素の style で **上8**。
     ★②基本設定だけ、欄の下に ★隠れた［閉じる］だけの行（`.cr-grid` の子・上12）が居て、★格子の間8（1440 は16）と上12 を持つ。
     ★③行の下の ★空の `.hint`（★保存の報せの席・素の style で上8）が ★札の内側20 に重なる。
   ★★是正（★`.kobo-persona` の札だけ・新しい数0＝律の 16 と 0）… ★足の行の上 **16**（★素の style に勝つので `!important`）・
     ★子が全部隠れている行は箱を出さない・★空の報せの席は箱を出さない（★字が入った時は今の上8のまま＝D-5062c ⑤）。
     ★［閉じる］が見える時・欄・釦の形・他の面は不動。
   ★★可逆 … ★この塊を消すだけ。 */
[class~="kobo-persona"] > [class~="card"] > [class~="card-actions"]:has(> [class~="ob-btn-back"]){
  margin-top:16px !important;
}
[class~="kobo-persona"] > [class~="card"] [class~="cr-grid"] > [class~="card-actions"]:not(:has(> :not([style*="display: none"]))),
[class~="kobo-persona"] > [class~="card"] > [class~="card-actions"]:has(> [class~="ob-btn-back"]) + [class~="hint"]:empty{
  display:none;
}

/* ★★★D-5088 F2 札の律「最後の中身→札の下 20」＝顧客＞顧客管理・売上管理の札（★面直しA・
     描き役B D5085 全数の撮り直し e5a2e594 の札の赤 C）。
   ★★実測（★prod・券は watcher・393 と 1440）… ★最後の節の下→札の下の縁 **33**（★律20＋枠線1＋12・★両幅・2枚とも）。
   ★★真因 … ★札の最後の子の節（顧客管理＝`#crm-body`／売上管理＝`#sales-deals`）が ★`.section` の下余白 **12** を持ち、
     ★札の内側20 に足されていた。★札の中の最後の余白を落とす既存の条（`.main.ob-face .card > *:last-child`）は
     ★顧客の面の `.main` に `ob-face` が無いので ★当たっていなかった。
   ★★是正（★新しい数0＝律の 0）… ★この2つの節が札の最後の子の時だけ ★下余白 0（★33→21＝律20＋枠線1）。
     ★節どうしの間・他の札・他の面は不動。
   ★★可逆 … ★この塊を消すだけ。 */
[class~="card"] > #crm-body:last-child,
[class~="card"] > #sales-deals:last-child{
  margin-bottom:0;
}

/* ★★★D-5088 F2 札の律「中身の最後→足の釦 16」＝導線＞入口ごとの流れの札（★面直しA・
     描き役B D5085 全数の撮り直し e5a2e594 の札の赤 D）。
   ★★実測（★prod・券は watcher・393 と 1440）… ★最後の入口の行の下→［入口を追加］の上 **12**（★両幅）。
   ★★真因 … ★app.js が［入口を追加］の足の行（`.card-actions`）に ★素の style で **上12**。
   ★★是正（★新しい数0＝律の 16）… ★`#sales-funnel` の後ろの足の行だけ ★上 **16**（★素の style に勝つので `!important`）。
     ★釦の格・席・字・行・他の札・他の面は不動。
   ★★可逆 … ★この塊を消すだけ。 */
#sales-funnel ~ [class~="card-actions"]:has(> [class~="ob-btn-g2"]){
  margin-top:16px !important;
}

/* ★★★D-5110 A33 札の律「題の上 20」を ★**題の部品1か所**に（★面直しA・創造D 9/24 16:57「字の直下に題が
     くっつく＝e40a08b8 と同じ形の違い。一つずつ直さず、題を出す部品1か所に置いて全面で効かせる」）。
   ★★実測（★prod・券は watcher・393 と 1440・全タブ＋個票＋基本設定／詳細設定）… ★札の中で前に物が在る題は
     ★個票の6つ（進捗・基本・連絡先・購入の記録・活動履歴・この顧客の記録）と ★使わない言葉の1つだけ。
     ★どれも上の余白 **0**＝前の行の縁（罫・札の底）に ★題が座っていました。★他の題は全部 ★札の頭。
   ★★是正（★新しい数0＝律の「題の上」20）… ★題（`section-h`／`ob-title`・span を除く）が
     ①前に兄弟を持つ時 ②素の器（class 無しの div＝個票の差し口）の頭で、その器の前に物が在る時 ★上 **20**。
     ★札の頭の題（★兄弟なし・器は class 持ち）・幕の題（`.ob-sheet .ob-title{margin:0}` が勝つ）は不動。
     ★e40a08b8 の1札だけの条（`#atelier-banned`）は ★この条に畳みました（★当たりは同じ）。
   ★★可逆 … ★この塊を消し、e40a08b8 の塊を戻すだけ。 */
:is([class~="section-h"],[class~="ob-title"]):not(span):not(:first-child),
* + div:not([class]) > :is([class~="section-h"],[class~="ob-title"]):not(span):first-child{
  margin-top:20px;
}

/* ★★★D-5118 §2（★面直しA・創造D 9/24 22:45「個票の節の題は線なし・9/19・9/21 の絵の値へ」）。
   ★★源 … 4f53e3b8（9/22・D-5046①）で個票の節の題が `section-h ob-title` を着て、★D-4952①（札の題の下線）が
     ★札の題でない個票の節の題（進捗・基本・連絡先・購入の記録・活動履歴・この顧客の記録）にも当たっていました。
   ★★是正（★新しい数0）… ★個票（`#crm-drawer`）の中で ★札（`.card`）の子でない題だけ ★罫0・pb0・下8
     （★8＝4f53e3b8 の前の `.cd-sec` の下の値）。★札の題（1440 の［顧客の項目］・ホーム等）は D-4952① のまま不動。
   ★★実測（★prod 08b8375b に当塊を注す・440・券は watcher）… ★題の字の下→次の字の上
     ★進捗 43→22・基本 52→31・連絡先 60→39・購入の記録 51→30・活動履歴 43→22・この顧客の記録 44→23
     （★設計者の絵 9/19・9/21 … 進捗 29・基本 28・連絡先 37・この顧客の記録 25）。★罫 6→0（両幅）。
   ★★可逆 … ★この塊を消すだけ。 */
#crm-drawer :is([class~="section-h"],[class~="ob-title"]):not(span):not([class~="card"] > *){
  padding-bottom:0; border-bottom:0; margin-bottom:8px;
}
/*  ★★★D-5293（創造D 9/27 21:40「面直しA：定規 v1 の差し替え4つ（札の縁 #565043・393 の内の余白 16・眉の上の空き 32・1440 の区切り線）＋判じ1＝案A（393 の顧客の一覧は 03 の札1枚ずつ）＋判じ2＝案A（チップの縁と字・一覧の帯は 03／04 の値）を1便にして木へ」）＝ 定規 v1（設計者の絵 03・04 を PIL で測った値・jougi_v1.md）。
    ①札の縁 #565043・角10 ②393 の札の内の左右 16（今の padding:20px !important を受ける）③眉の上の空き 32（393＝前の札の下 20＋内の上12／1440＝頁の頭の上 32）④1440 の題の下の線を #26241F に揃える。
    判じ1 … 393 の顧客の一覧の一件を行（h64・罫）から札1枚（縁 #565043・角10・内16・丈94・間16）へ。字・釦・並びは不動。
    判じ2 … 状態のチップ（neutral）の縁 rgb(80,74,57)・字 rgb(232,212,160)／顧客の［一覧｜パイプライン表］の帯＝器 62・択 44×114・選んだ方は金の塗り（「統一の是正・その6」の 28 を顧客のこの帯だけ上書き）。
    ★可逆＝この塊を消すだけ。 */
#main .ob-card{border-color:#565043;border-radius:10px}
@media (max-width:699px){ #main [class~="ob-card"][class~="ob-card"]{padding-left:16px !important;padding-right:16px !important} }
@media (max-width:699px){ #main .ob-card + .page-head{margin-top:20px} }
@media (min-width:700px){ #main .page-head.ob-frame{padding-top:32px} }
#main .section-h{border-bottom-color:#26241F}
#crm-body .crm-mobile[class~="ob-krow"] > [class~="krow"]{
  border:1px solid #565043; border-radius:10px; padding:16px; min-height:94px; margin-bottom:16px;
}
#crm-body .crm-mobile[class~="ob-krow"] > [class~="krow"]:last-child{ border-bottom:1px solid #565043; margin-bottom:0 }
#crm-body .cbadge.neutral{ border-color:#504A39; color:#E8D4A0 }
#crm-body > div > [class~="seg"]{ padding:8px !important; gap:4px }
#crm-body > div > [class~="seg"] > button{
  min-height:44px !important; height:44px !important; min-width:114px;
}
#crm-body > div > [class~="seg"] > button[class~="on"]{
  background:var(--gold) !important; border:0 !important; color:var(--on-gold) !important;
}

/* ══ D-5307 §1 ホーム 1440 の二列（創造D 9/28 14:50「1440 は二列。左 752／右 368（間 32・左の帯 240 の右 1152 の内）。min-width 1280 以上で二列・それ未満は今の一列。札の形と定規は一つ（定規 v1）」）。
   ★器 .ob-h2 は app.js の _home2colV1 が 1280 以上の時だけ作る＝それ未満の面には当たる物が無い。札そのもの（.section.card）の寸・縁・字は不触。
   ★列の比は 752:368（1152 の時にちょうど 752／368・1280 の画面では縮む）。札の間 16。
   ★可逆＝この塊を消す（器は素の縦積みに戻る）。══ */
@media (min-width:1280px){
  .main .ob-h2{ display:grid; grid-template-columns:minmax(0,752fr) minmax(0,368fr); column-gap:32px; align-items:stretch }
  .main .ob-h2 > .ob-h2-l, .main .ob-h2 > .ob-h2-r{ display:flex; flex-direction:column; gap:16px; min-width:0 }
  .main .ob-h2 > .ob-h2-l > *, .main .ob-h2 > .ob-h2-r > *{ margin:0 !important; max-width:none; width:auto }
  .main .ob-h2 > .ob-h2-r > .hint{ padding:0 4px }
  .main .ob-h2 .ob-h2-x > .section-h{ display:flex; align-items:baseline; justify-content:space-between; gap:12px }
  .main .ob-h2 .ob-h2-meta{ font-size:12.5px; font-weight:400; color:var(--ink-dim); letter-spacing:.02em; white-space:nowrap }
  .main .ob-h2 .ob-h2-nums{ display:grid; grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); gap:8px }
  .main .ob-h2 .ob-h2-num, .main .ob-h2 .ob-h2-stage{ display:flex; flex-direction:column; align-items:center; gap:4px;
    padding:12px 4px; border:1px solid var(--line); border-radius:10px; min-width:0 }
  .main .ob-h2 .ob-h2-num > b, .main .ob-h2 .ob-h2-stage > b{ font-size:26px; line-height:1.1; font-weight:500; color:var(--gold); font-variant-numeric:tabular-nums }
  .main .ob-h2 .ob-h2-stage > b{ font-size:20px }
  .main .ob-h2 .ob-h2-num > span, .main .ob-h2 .ob-h2-stage > span{ font-size:12px; color:var(--ink-dim); white-space:nowrap }
  .main .ob-h2 .ob-h2-flow{ display:flex; align-items:center; gap:4px }
  .main .ob-h2 .ob-h2-flow > .ob-h2-stage{ flex:1 1 0 }
  .main .ob-h2 .ob-h2-arrow{ flex:0 0 auto; font-size:11px; color:var(--ink-dim) }
  .main .ob-h2 .ob-h2-x > .card-acts{ display:flex; justify-content:flex-end; margin-top:16px }
  .main .ob-h2 .ob-h2-rows > .ob-h2-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; border-top:1px solid var(--line) }
  .main .ob-h2 .ob-h2-rows > .ob-h2-row:first-child{ border-top:0 }
  .main .ob-h2 .ob-h2-row > .k{ font-size:13px; color:var(--ink-dim) }
  .main .ob-h2 .ob-h2-row > .v{ font-size:14px; font-weight:600; text-align:right; display:inline-flex; align-items:center; gap:6px }
  .main .ob-h2 .ob-h2-dot{ width:8px; height:8px; border-radius:50%; background:#5fb37a; display:inline-block }
  .main .ob-h2 .ob-h2-dot.off{ background:var(--ink-dim) }
  .main .ob-h2 .ob-h2-list > .ob-h2-item{ display:flex; align-items:center; gap:16px; min-height:64px; border-top:1px solid var(--line) }
  .main .ob-h2 .ob-h2-list > .ob-h2-item:first-child{ border-top:0 }
  .main .ob-h2 .ob-h2-chip{ flex:0 0 auto; min-width:48px; text-align:center; padding:4px 12px; border:1px solid var(--line); border-radius:999px; font-size:12.5px; color:var(--ink-dim) }
  .main .ob-h2 .ob-h2-it > .t1{ font-size:15px }
  .main .ob-h2 .ob-h2-it > .t2{ font-size:12.5px; color:var(--ink-dim); margin-top:2px }
  .main .ob-h2 .ob-h2-sum{ font-size:12.5px; color:var(--ink-dim); margin-top:12px }
  .main .ob-h2 .ob-move3{ display:flex; flex-direction:column }
  .main .ob-h2 .ob-move3-row{ display:grid; grid-template-columns:28px minmax(0,1fr) auto auto; align-items:center; column-gap:16px; min-height:72px; padding:12px 0; border-top:1px solid var(--line) }
  .main .ob-h2 .ob-move3-row:first-child{ border-top:0; padding-top:0 }
  .main .ob-h2 .ob-move3-no{ width:28px; height:28px; border-radius:50%; border:1px solid var(--line); display:inline-flex; align-items:center; justify-content:center; font-size:13px; color:var(--gold); font-variant-numeric:tabular-nums }
  .main .ob-h2 .ob-move3-t{ font-size:15px; font-weight:600; line-height:1.5 }
  .main .ob-h2 .ob-move3-why{ font-size:12.5px; color:var(--ink-dim); margin-top:2px; line-height:1.6 }
  .main .ob-h2 .ob-move3-kind{ padding:4px 12px; border:1px solid var(--line); border-radius:999px; font-size:12px; color:var(--ink-dim); white-space:nowrap }
  .main .ob-h2 .ob-move3-btn{ white-space:nowrap }
  /* D-5313 4：頭の題「9月28日（月）の一手」と右上の「最終更新」。1 今日の発信の行（時刻・題と一行・予定・直す）。 */
  .main .title-row ~ .ob-h2, .main .page-head ~ .ob-h2{ margin-top:24px }
  .main .title-row > .ob-h2-day{ flex:1 1 auto; min-width:0; font-size:26px; font-weight:600; line-height:1.3; letter-spacing:.02em; color:var(--ink) }
  .main .title-row > .ob-h2-upd{ flex:0 0 auto; align-self:center; margin-right:16px; font-size:12.5px; color:var(--ink-dim); white-space:nowrap; font-variant-numeric:tabular-nums }
  .main .ob-h2 .ob-h2-list > .ob-h2-item > .ob-h2-it{ flex:1 1 auto; min-width:0 }
  .main .ob-h2 .ob-h2-list > .ob-h2-item > .ob-h2-fix{ flex:0 0 auto; white-space:nowrap }
  .main .ob-h2 > .ob-h2-l > .section.card:has(> .card > .card-head){ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px }
  .main .ob-h2 > .ob-h2-l > .section.card > .card:has(> .card-head){ min-width:0 }
  .main .ob-h2 > .ob-h2-l > .section.card > .card > .card-acts.pair > .btn-line.left{ min-width:0; flex:0 1 120px }
  /* D-5330 §2（創造D 9/29 09:25「左 752 の 3 枚が対案と同じ順・同じ定規（v1・細い縁・題の下の区切り・内の余白 24）で並ぶ事。1440・1280 で右の下端と左の下端が揃う事（対案の形）。393 は画素で不変。」）。
     列は grid の丈いっぱい（stretch）・左の最後の札が残りの丈を取る＝左の下端が右の下端に揃う。釦は札の底。全0の帯（.ob-h2-zero・同じ L:22）は伸ばさない＝字1行の帯のまま。
     D-5332 §3（創造D 9/29 09:45「『到達』の札を対案どおり行の右端に（字の直後に寄せない）。393 は画素で不変。」）＝行の字の箱（.ob-h2-it）が伸びる既存の条で右端（前から）。
     3 枚目の診断の答え（L:25・b4266740）が在る列は、伸びる札を訪問者の動きから診断の答えへ移す（X 運用なし＝L:22 の在る列だけ・X ありの L:25＝今日の発信は不触）。
     左が長い日は右の最後の札（運用設定）が伸びる＝どちらが長くても下端が揃う（同じく X 運用なしの時だけ）。 */
  .main .ob-h2 > .ob-h2-l > .section.card, .main .ob-h2 > .ob-h2-r > .section.card, .main .ob-h2 > .ob-h2-r > .section > .kamae-box{ padding:24px !important }
  .main .ob-h2 > .ob-h2-l:not(:has(> [data-ob-h2="L:25"])) > [data-ob-h2="L:22"]:not(.ob-h2-zero),
  .main .ob-h2 > .ob-h2-l:has(> [data-ob-h2="L:22"]:not(.ob-h2-zero)) > [data-ob-h2="L:25"]{ flex:1 0 auto; display:flex; flex-direction:column }
  .main .ob-h2:has(> .ob-h2-l > [data-ob-h2="L:22"]:not(.ob-h2-zero)) > .ob-h2-r > .section:has(> .kamae-box){ flex:1 0 auto; display:flex; flex-direction:column }
  .main .ob-h2:has(> .ob-h2-l > [data-ob-h2="L:22"]:not(.ob-h2-zero)) > .ob-h2-r > .section > .kamae-box{ flex:1 0 auto }
  .main .ob-h2 > .ob-h2-l > [data-ob-h2="L:22"]:not(.ob-h2-zero) > .card-acts{ margin-top:auto; padding-top:16px }
  /* D-5344 §1-2（創造D 9/29 22:06・設計者 22:35「診断の答えと運用設定の高さは一緒。今日の一手　訪問者の動きを並べた縦の高さと、昨日の動き　顧客の流れ　診断とLPの状態を並べた縦の高さが一緒になるようにすれば気持ちよく揃う。」／§1-2「伸ばすのは札の内の余白（定規 v1 の 8/16/24）で、字を詰めない。1440・1280 で成り立つ事。X あり版も同じ規則」）。
     左右の列を同じ行線（subgrid）に載せる＝線 5 で左の 1・2 枚目と右の 1・2・3 枚目の下端、線 6 で左の 3 枚目と右の 4 枚目（運用設定）の下端が揃う。
     左の 2 枚目は行 3〜4・右の 2 枚目は行 2〜3 に互い違いで跨ぐ＝途中の線は揃えさせず、足りない丈だけ札が伸びる（札の内の下の余白）。札の間 16 は行の間でなく札の上の余白（空の行が丈を持たない）。
     席は _home2colV1 が札に書く order（左 10 一手・20 交流の候補・22 訪問者の動き・25 今日の発信／診断の答え／右 10・20・30・40 運用設定）。他の札（アピールほか）は行 6 から下へ並ぶ。
     左の 3 枚目が無い日は 2 枚目が行 5 まで（全体の下端が揃う）。全0の帯の日は一手が行 1〜3・帯が行 4＝右の 3 枚と揃う。 */
  .main .ob-h2{ grid-template-rows:repeat(17,auto); row-gap:0 }
  .main .ob-h2 > .ob-h2-l, .main .ob-h2 > .ob-h2-r{ display:grid; grid-row:1 / -1; grid-template-rows:subgrid; grid-template-columns:minmax(0,1fr); row-gap:0; align-items:stretch }
  .main .ob-h2 > :is(.ob-h2-l,.ob-h2-r) > :not([style*="order: 10;"]){ margin-top:16px !important }
  .main .ob-h2 > .ob-h2-l > [style*="order: 10;"]{ grid-row:1 / 3 }
  .main .ob-h2 > .ob-h2-l > :is([style*="order: 20;"],[style*="order: 22;"]){ grid-row:3 / 5 }
  .main .ob-h2 > .ob-h2-l > [style*="order: 25;"]{ grid-row:5 / 6 }
  .main .ob-h2 > .ob-h2-l:not(:has(> [style*="order: 25;"])) > :is([style*="order: 20;"],[style*="order: 22;"]):not(.ob-h2-zero){ grid-row:3 / 6 }
  .main .ob-h2 > .ob-h2-l:has(> .ob-h2-zero) > [style*="order: 10;"]{ grid-row:1 / 4 }
  .main .ob-h2 > .ob-h2-l > .ob-h2-zero{ grid-row:4 / 5 }
  .main .ob-h2 > .ob-h2-r > [style*="order: 10;"]{ grid-row:1 / 2 }
  .main .ob-h2 > .ob-h2-r > [style*="order: 20;"]{ grid-row:2 / 4 }
  .main .ob-h2 > .ob-h2-r > [style*="order: 30;"]{ grid-row:4 / 5 }
  .main .ob-h2 > .ob-h2-r > [style*="order: 40;"]{ grid-row:5 / 6; display:flex; flex-direction:column }
  .main .ob-h2 > .ob-h2-r > [style*="order: 40;"] > .kamae-box{ flex:1 0 auto }
  .main .ob-h2 > .ob-h2-r:not(:has(> [style*="order: 10;"])) > [style*="order: 20;"]{ grid-row:1 / 4; margin-top:0 !important }
  .main .ob-h2 > .ob-h2-r:not(:has(> [style*="order: 20;"])) > [style*="order: 10;"]{ grid-row:1 / 4 }
  .main .ob-h2 > .ob-h2-r:not(:has(> [style*="order: 30;"])) > [style*="order: 20;"]{ grid-row:2 / 5 }
  .main .ob-h2 > .ob-h2-l > .section.card.tile{ align-content:start }
  .main .ob-h2 .ob-h2-x:has(> .card-acts){ display:flex; flex-direction:column }
  .main .ob-h2 .ob-h2-x:has(> .card-acts) > .card-acts{ margin-top:auto; padding-top:16px }
  /* D-5374（創造D 10/1 10:38「『今日のアピール』の札が無い（空でも札は残す）」「左右の底が揃っていない」）＝アピール（左 order 30）は行 6・その日は右の運用設定が行 5〜6 に跨ぐ＝底の差 0。 */
  .main .ob-h2 > .ob-h2-l > [style*="order: 30;"]:not([data-ob-seat-hidden="1"]){ grid-row:6 / 7 }
  .main .ob-h2:has(> .ob-h2-l > [style*="order: 30;"]:not([data-ob-seat-hidden="1"])) > .ob-h2-r > [style*="order: 40;"]{ grid-row:5 / 7 }
  .main .ob-h2 > .ob-h2-l > [data-ob-h2="L:25"] .ob-h2-it > :is(.t1,.t2){ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
  /* D-5378（創造D 10/1 12:06「空の札の字は札の中で上下中央に置く。内容が入ったら上から並べる（空のときだけ中央）」「左右の底を揃える…右の方が長ければ左の札を伸ばす（空の札は伸びて字は中央のまま）」）。
     空の札＝印 .ob-h2-mid（app.js の旗 _H2_EMPTY_MID_V1）か 0件の印 .ob-seat-empty を持つ札。中身が来て印が消えれば元の上から。題の下の 16 と対に札の下の内側を 24＋16。全0の帯は右の運用設定（行 5）まで・運用設定の枠（.kamae-box）の下の外の余白 12 を 0＝見える枠の底の差 0。 */
  .main .ob-h2 > .ob-h2-l:not(:has(> [style*="order: 25;"])) > .ob-h2-zero.ob-h2-mid{ grid-row:4 / 6 }
  .main .ob-h2 > :is(.ob-h2-l,.ob-h2-r) > .section.card:is(.ob-h2-mid,:has(.ob-seat-empty)):not([data-ob-seat-hidden="1"]){ display:flex; flex-direction:column }
  .main .ob-h2 > :is(.ob-h2-l,.ob-h2-r) > .section.card:is(.ob-h2-mid,:has(.ob-seat-empty)) > :has(.ob-seat-empty){ flex:1 1 auto; display:flex; flex-direction:column; justify-content:center }
  .main .ob-h2 > :is(.ob-h2-l,.ob-h2-r) > .section.card:is(.ob-h2-mid,:has(.ob-seat-empty)) > :is(.card,.ob-seat-empty){ margin-top:auto !important; margin-bottom:auto !important }
  .main .ob-h2 > :is(.ob-h2-l,.ob-h2-r) > .section.card:is(.ob-h2-mid,:has(.ob-seat-empty)):has(> .section-h){ padding-bottom:40px !important }
  .main .ob-h2 > .ob-h2-r > [style*="order: 40;"] > .kamae-box{ margin-bottom:0 !important }
  /* D-5379補 選び1（創造D 10/2 01:2x「零 1440 の右の列の空きは案B（左右の差が大きい時『今日のアピール』を右の列の末尾へ）…条件：左右の底の差 0・393 は不変・X なしの店は今のまま（アピールは左）」）。
     印 .ob-h2-apr（app.js の _h2AppealRight＝自然の丈で左が右より 200 を越えて長い日だけ）＝両列を縦の flex・アピールは右の末尾（order 45）・短い列の札へ余りを等分（一つの札に空きを寄せない）。
     .ob-h2-nat は測りの一瞬だけ（伸ばさない）。印の無い日は上の行の条のまま。 */
  .main .ob-h2:is(.ob-h2-apr,.ob-h2-nat) > :is(.ob-h2-l,.ob-h2-r){ display:flex !important; flex-direction:column; grid-template-rows:none !important }
  .main .ob-h2:is(.ob-h2-apr,.ob-h2-nat) > :is(.ob-h2-l,.ob-h2-r) > *{ grid-row:auto !important; margin-top:16px !important; flex:0 0 auto !important }
  .main .ob-h2:is(.ob-h2-apr,.ob-h2-nat) > :is(.ob-h2-l,.ob-h2-r) > [style*="order: 10;"]{ margin-top:0 !important }
  .main .ob-h2.ob-h2-apr > :is(.ob-h2-l,.ob-h2-r) > .section{ flex:1 0 auto !important }
  .main .ob-h2.ob-h2-apr > .ob-h2-r > .section{ display:flex !important; flex-direction:column }
  .main .ob-h2.ob-h2-apr > .ob-h2-r > .section > .kamae-box{ flex:1 0 auto }
}
/* D-5384 §4（創造D 10/2 03:30「零は案3 でよい（左右の差 1・最大の空き 66・数は白の細字・運用設定は名｜値）。X なし全 0 は案3b（札の中へ均等）…題「訪問者の動き」（検分の店と同じ部品）を付ける…旗で倒せる・393 画素同一」）。元＝面直しA 0226 の差し（ma5383_3.css）。
   印 .ob-h2-m3（app.js の旗 _H2_M3_V1・_h2M3）の日だけ＝両列を縦の flex・札は自然の丈（足しは面の JS が min-height で）・先頭の札 .ob-h2-m3a は上の余白 0。
   数は案1（40px・細字・白・名は下・箱を外し細い縦の区切り #565043・前日比の矢印なし）。運用設定は丸い札を隠し「名｜値」の行（.ob-h2-kbrows）。空の札は地と縁を外し灰の字（飾りの線 0＝D-5387 §1）。
   印の無い日（旗を倒す・1280 未満）は 1 行も当たらない。 */
@media (min-width:1280px){
  .main .ob-h2.ob-h2-m3 > :is(.ob-h2-l,.ob-h2-r){ display:flex !important; flex-direction:column; grid-template-rows:none !important }
  .main .ob-h2.ob-h2-m3 > :is(.ob-h2-l,.ob-h2-r) > *{ grid-row:auto !important; margin-top:16px !important; flex:0 0 auto !important }
  .main .ob-h2.ob-h2-m3 > :is(.ob-h2-l,.ob-h2-r) > .ob-h2-m3a{ margin-top:0 !important }
  .main .ob-h2.ob-h2-m3 > :is(.ob-h2-l,.ob-h2-r) > .section{ display:flex; flex-direction:column }
  .main .ob-h2.ob-h2-m3 > :is(.ob-h2-l,.ob-h2-r) > .section > .kamae-box{ flex:1 0 auto; margin-bottom:0 !important }
  .main .ob-h2.ob-h2-m3 :is(.ob-seat-empty,.ob-h2-zero){ min-height:0 !important }
  .main .ob-h2.ob-h2-m3 .ob-h2-x > :is(.ob-h2-nums,.ob-h2-flow,.ob-h2-rows), .main .ob-h2.ob-h2-m3 .ob-h2-kb > .ob-h2-kbrows{ margin-block:auto }
  .main .ob-h2.ob-h2-m3 .ob-h2-x > .section-h + :is(.ob-h2-nums,.ob-h2-flow,.ob-h2-rows){ padding-block:8px }
  .main .ob-h2.ob-h2-m3 .ob-h2-x > .card-acts, .main .ob-h2.ob-h2-m3 .ob-h2-kb > div:last-child{ margin-top:0 !important; padding-top:16px }
  .main .ob-h2.ob-h2-m3 .ob-h2-kb{ display:flex; flex-direction:column; height:100% }
  .main .ob-h2.ob-h2-m3 .ob-h2-kb > div:not(.ob-h2-kbrows):has(> .pill), .main .ob-h2.ob-h2-m3 .ob-h2-kb > .ob-h2-kbrows > .pill{ display:none !important }
  .main .ob-h2.ob-h2-m3 .ob-h2-kb > div[style*="display: none"] + .ob-h2-kbrows{ display:none }
  .main .ob-h2.ob-h2-m3 .ob-h2-kb > .ob-h2-kbrows > .ob-h2-row:first-child{ border-top:0 }
  .main .ob-h2.ob-h2-m3 .ob-h2-num, .main .ob-h2.ob-h2-m3 .ob-h2-stage{ border:0; border-radius:0; padding:6px 2px; gap:6px }
  .main .ob-h2.ob-h2-m3 .ob-h2-nums{ gap:0 }
  .main .ob-h2.ob-h2-m3 .ob-h2-num + .ob-h2-num{ border-left:1px solid #565043 }
  .main .ob-h2.ob-h2-m3 :is(.ob-h2-num,.ob-h2-stage) > b{ font-size:40px; font-weight:300; line-height:1; letter-spacing:-.01em; color:var(--ink) }
  .main .ob-h2.ob-h2-m3 :is(.ob-h2-num,.ob-h2-stage) > span{ font-size:12px; letter-spacing:.04em }
  .main .ob-h2.ob-h2-m3 .ob-h2-flow{ gap:0; align-items:stretch }
  .main .ob-h2.ob-h2-m3 .ob-h2-arrow{ font-size:0; width:1px; background:#565043; align-self:stretch; position:relative }
  .main .ob-h2.ob-h2-m3 .ob-h2-arrow::after{ content:"›"; position:absolute; top:12px; left:50%; transform:translateX(-50%); font-size:12px; line-height:16px; padding:0 1px; color:var(--ink-dim); background:#15130f }
  .main .ob-h2.ob-h2-m3 .ob-h2-rows > .ob-h2-row{ border-color:#565043 }
  .main .ob-h2.ob-h2-m3 .ob-h2-row > .v{ font-size:15px; font-weight:500 }
  .main .ob-h2.ob-h2-m3 :is(.ob-seat-empty,.ob-h2-zero > .card){ border:0 !important; background:none !important; box-shadow:none !important; padding:24px 0 !important }
  .main .ob-h2.ob-h2-m3 :is(.ob-seat-empty,.ob-h2-zero > .card) .hero-lead{ font-size:14px; color:var(--ink-dim); font-weight:400 }
}
/* D-5392 §1（創造D 10/2 12:3x「零（X あり）の 1440＝可（面直しA 1124 の D5388_零_1440 の形）…今日の交流候補（縦を小さく）→今日の発信 3 本＋［すべて見る］」）。元＝面直しA の差し z.css。
   印 .ob-h2-m4（app.js の旗 _H2_M4_V1・_h2M4＝X ありの 1280 以上）の日だけ＝交流候補は横 2 列のまま・引用 3 行・返し 4 行・釦 1 段・候補 0 の塔の絵は 2/3、発信の題の右上に［すべて見る］。
   印の無い日（旗を倒す・X なし・1280 未満）は 1 行も当たらない。 */
@media (min-width:1280px){
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head){ display:grid; grid-template-columns:auto 1fr; column-gap:8px; align-content:start }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > :is(.card-head,.orig,.draft){ grid-column:1 / -1 }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .orig{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .draft{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .lens{ grid-column:1; align-self:center; margin:0 !important; gap:4px }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .lens > .chip{ padding:0 10px; font-size:12px }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .card-acts{ grid-column:2; justify-content:flex-end; align-items:center; margin:0 !important; padding:0 !important; gap:6px }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card > .card-acts > *{ min-width:0 !important; width:auto !important; padding:0 12px !important; height:36px !important; min-height:36px !important; font-size:13px !important; flex:0 0 auto !important }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .ob-h2-m4rest{ grid-column:1 / -1; min-height:0 !important; height:auto !important; border:0 !important; background:none !important; box-shadow:none !important; padding:4px 0 0 !important; text-align:right; font-size:13px; color:var(--ink-dim) }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng .ob-seat-empty img{ max-height:66.6% }
  .main .ob-h2.ob-h2-m4 .section-h:has(> .ob-h2-m4all){ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; grid-template-columns:none !important }
  .main .ob-h2.ob-h2-m4 .section-h > .ob-h2-m4all{ flex:0 0 auto; order:9; align-self:center; margin:0 0 0 12px !important; height:28px; padding:0 12px; font-size:12px }
  .main .ob-h2.ob-h2-m4 .section-h:has(> .ob-h2-m4all) > .ob-h2-meta{ margin-left:auto }
  .main .ob-h2.ob-h2-m4 .ob-h2-meta > .ob-h2-m4all{ display:inline-flex; align-items:center; vertical-align:middle; margin:0 0 0 12px !important; height:28px; padding:0 12px; font-size:12px }
}
/* D-5457（創造D 10/5 16:40「2 列は上端と下端を揃える（短い側は中身を伸ばさず、札の間か余白で揃える／長い側が画面を越える時は内側で巻く）。中身が 0 件の列は空の案内の札で同じ高さ。」）。
   根＝案3 の器（印 .ob-h2-m3・m4）の底は app.js の _h2M3／_h2M4 が札の min-height で揃えるが、札の中身が後から来るたび（読み込みの 1〜2.5 秒・アピールの下書きの着き）
   300ms の待ちの後まで揃わない＝本番 1440 の零で幕の明けた後に左右の底が最大 303px ずれるこまが見える（落ち着いた後は差 0）。
   直し＝短い列の札が残りの丈を札の下の余白で等分して受ける（長い列には余りが無い＝何も伸びない）。測りの一瞬（印 .ob-h2-msr）だけ外す＝落ち着いた後の札の位置と丈は前と同じ。
   印の無い日（旗を倒す・1280 未満）は 1 行も当たらない。 */
@media (min-width:1280px){
  .main .ob-h2.ob-h2-m3:not(.ob-h2-msr) > :is(.ob-h2-l,.ob-h2-r) > .section{ flex-grow:1 !important }
}
/* D-5457 §3（創造D 10/5 16:40「3. ついでに PC 1440 の主な面（顧客・売上・発信・資料室・暦・制作の一覧）で 2 列／3 列の高さが揃っていない所を総なめ（描き役B が見つけ、面直しA が直す）。」・描き役B 10/5 16:36 の総なめ）。
   ① 交流の候補の札（.ob-grid2 の 2 列）：札の外枠は左右同じ丈なのに［見送る／承認して下書き］の段が下書きの字の丈なりに浮き、左右で 4〜24px ずれていた＝札を縦の flex にして口調の札（.lens）から下を札の底へ。
      flex は余白が重ならない＝元の重なった間（題の下 8・引用の下 12）に合わせて引用の上 0・下書きの上 4。761 以上だけ（390 は 1 列で札は中身なり＝不変）。
   ② ホームの今日の交流候補（.ob-h2-m4eng・grid）も同じ型で 20px＝行を 4 段に名指しして 3 段目（下書き）が余りを受ける（下書きの箱は伸ばさない）。
   ③ 制作の一覧（.ob-stage-cols）：右の「つづきから」の箱の底が左の 4 枚の格子より 188 短く、上も節の題の［一覧から選ぶ］の丈だけ 21 下がっていた＝両の列を同じ丈に（行は中身なり）・節の題の丈を 57 で揃え・つづきからの箱が残りを受ける（4 枚の札の丈は不変）。つづきからが無い日は当たらない。 */
@media (min-width:761px){
  .ob-grid2 > .card.ob-card:has(> .lens + .card-acts){ display:flex; flex-direction:column }
  .ob-grid2 > .card.ob-card:has(> .lens + .card-acts) > .orig{ margin-top:0 }
  .ob-grid2 > .card.ob-card:has(> .lens + .card-acts) > .draft{ margin-top:4px }
  .ob-grid2 > .card.ob-card:has(> .lens + .card-acts) > .lens{ align-self:flex-start; margin-top:auto }
  [class~="ob-stage-cols"]:has(> div > [class~="ob-cont"]){ align-items:stretch; align-content:start }
  [class~="ob-stage-cols"]:has(> div > [class~="ob-cont"]) > div{ display:flex; flex-direction:column }
  [class~="ob-stage-cols"]:has(> div > [class~="ob-cont"]) > div > [class~="ob-stage-sec"]{ min-height:57px }
  [class~="ob-stage-cols"] > div > [class~="ob-cont"]{ flex:1 0 auto }
}
@media (min-width:1280px){
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head){ grid-template-rows:auto auto 1fr auto }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .card-head{ grid-row:1 }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .orig{ grid-row:2 }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .draft{ grid-row:3; align-self:start }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > :is(.lens,.card-acts){ grid-row:4 }
}
/* D-5458（創造D 10/5 16:50・設計者のスマホ（390）工房の指摘「ここに書いた物だけを直し、他は触らない」）。
   A1「決済の行の『接続』釦を行の縦中央に。」A2「カレンダーの行と決済の行の縦幅を揃え、札をちょうど半々に。決済の行の下の罫線は消す。」
     ＝工房＞接続の行（.kobo-crow・説明の行つき）の釦の席を 2 段に跨いで縦中央・最後の行の罫を消す（行は 68／68・札の上下の内 20）。
   C1「工房トップの札の上端と、基本設定・詳細設定の札の上端が違う（下がっている）→同じ位置に揃える。」＝空の中身の器（.ob-shell-body・8＋1）と札の上 24 を外す＝上端 80（工房トップと同じ）。
   C3「『実績』『追加の事実』の欄と枠の隙間が、電話・所在地と違う→同じ間に。実績の欄は 3 つごとに空白が広い→意味が無ければ同じ間に。」
   C4「…2 行ごとに広い空白で問答の形に見える→…どの行も同じ間で並べる」＝スマホの見るだけの行（縦積み・inline の上 20）を上 8（1 段目は 0）＝題の下 8・欄の間 8 で電話・所在地と同じ。
   C2「欄の下に小さく『公開ページの URL に使われます』の 1 行」＝既在の欄の下の行（inline 15/500）を 12.5/400 に。
   D2「札の下の『一般』の 1 行＝意味が伝わらない→消す」。D4「『追加する』釦の高さが隣の欄と違う→欄と同じ高さに（幅は字に合わせる）」＝44。
   スマホ（760 以下）だけの条は @media の中＝PC（1440）は不動（C3・C4 の条はスマホの縦積みの行にしか無い inline の字に当たる）。 */
@media (max-width:760px){
  .main.kobo .ob-shell-body > .section.card > div > .kobo-crow:has(> .hint) > .card-actions{ grid-row:1 / span 2 }
  .main.kobo .ob-shell-body > .section.card > div:has(> .kobo-crow > .hint) > .kobo-crow:not(:has(~ .kobo-crow)){ border-bottom:0 }
  #atelier-banned .tool{ height:44px; min-height:44px }
}
/* D-5515 B7（創造D 10/7 17:02「工房トップの札の上端 y=155／基本設定・詳細設定 y=187＝32px ずれ（1440）」「同じ上端に」）
   ＝D-5458 C1 の 2 条を @media の外へ＝PC でも空の中身の器（8＋1）と札の上 24 を外す＝1440 の上端 154（工房トップと同じ）・390 は前と同じ 80。 */
.main.kobo > .ob-shell-body:not(:has(*)){ display:none }
.main.kobo > .ob-shell-body:not(:has(*)) ~ .kobo-persona{ margin-top:0 !important }
.main.kobo .kobo-persona .field > div > div[style*="flex-direction: column"]{ margin-top:8px !important }
.main.kobo .kobo-persona .field > div > div:first-child[style*="flex-direction: column"]{ margin-top:0 !important }
.main.kobo .kobo-persona .field > .hint[style*="font-size: 15px"]{ font-size:12.5px !important; font-weight:400 !important }
#atelier-banned .crm-chips + .hint{ display:none }
/* D-5481（創造D 10/6 20:07・設計者の検収 20:05「昨日指摘した工房基本設定の『追加する』ボタン PC が直ってない」「工房 PC X 接続済み この間に無駄な線がある 削除」「昨日指摘したように、カレンダー X 決済 のバランスを統一して」）。
   A「『追加する』ボタンを隣の欄と同じ高さに（D-5458 D4 は 390 だけ直って 1440 が残っている）」＝D4 の 44 を PC にも。
   C「『X 接続済み』の行の中の無駄な罫線を消す」＝接続の面の X の名だけが題の器（.ob-title＝18/600・丈 35・下に罫 1px）で組まれていた＝他の 2 行の名（15/500・丈 18・罫なし）と同じに。
   D「カレンダー・X・決済の 3 行の高さ・釦の位置・字の並びを統一（D-5458 A の 390 の直しを 1440 にも）」＝釦の席を 2 段に跨いで縦中央・最後の行の罫を消す（行は 68／68／68）。
   390 は D-5458 の条のまま（X の行は 390 に出ない）＝条は 761 以上だけ。 */
@media (min-width:761px){
  .main.kobo .ob-shell-body > .section.card > div > .kobo-crow > .ob-title{ height:auto; min-height:0; margin:0; padding:0; border-bottom:0; display:block; font-size:15px; font-weight:500; line-height:18px; letter-spacing:normal }
  .main.kobo .ob-shell-body > .section.card > div > .kobo-crow > .ob-title + div{ margin-top:0 }   /* X の状態の字（他の 2 行は器の inline で 0） */
  .main.kobo .ob-shell-body > .section.card > div > .kobo-crow:has(> .hint) > .card-actions{ grid-row:1 / span 2 }
  .main.kobo .ob-shell-body > .section.card > div:has(> .kobo-crow > .hint) > .kobo-crow:not(:has(~ .kobo-crow)){ border-bottom:0 }
  #atelier-banned .tool{ height:44px; min-height:44px }
}
/* D-5380 §1-1（創造D 10/2 01:00「393 の事業者面の上の帯…が、スクロールで流れて消える…上の帯は固定（sticky）・中身だけがその下で流れる…全タブ…と顧客の個票（絵 02）で。iOS Safari の PWA でアドレス帯の伸び縮みがあっても帯が動かない事（100dvh・env(safe-area-inset-top)）」）
   根＝393 の流れの器は #main（丈 100dvh・overflow auto）で、上の帯はその中の sticky。ところが body と .app は min-height:100vh（iOS の 100vh は帯が縮んだ時の丈＝見えている丈より長い）
   ＝文書そのものがその差だけ流れ、中身の端で指が文書へ渡ると #main ごと（上の帯ごと）上へ流れる（絵 01：題の上が切れ・下の帯は fixed で残る）。
   直し＝393 は文書を流さない（丈は見えている丈・溢れは隠す・指の渡りを止める）＝流れは #main と個票の中だけ。個票は名の行を上の帯として sticky に（1440 も同じ）。 */
@media (max-width:760px){
  html:has(> body > .app), html:has(> body > .app) > body{ height:100%; min-height:0; overflow:hidden; overscroll-behavior:none }
  body > .app{ min-height:0; height:100dvh }
  .main{ overscroll-behavior-y:contain }
  [class~="crm-drawer"][class~="crm-drawer"][class~="crm-drawer"]{ max-height:100dvh }
}
#crm-drawer{ overscroll-behavior:contain }
#crm-drawer.open > :has(> .cd-name){ position:sticky; top:calc(-24px - var(--safe-t, 0px)); z-index:3; margin-top:calc(-24px - var(--safe-t, 0px)) !important; padding-top:calc(24px + var(--safe-t, 0px)); padding-bottom:12px; background:var(--card-grad, #12110E) }
/* ★D-5417 §2（創造D 10/3 12:00「④横に並ぶ・縦に並ぶ対の釦は同じ高さ・同じ幅」「持ち主は 14:00 までに CSS で直して着地（旗なし可）」）
   ★制作の足＝［戻る］44／［次へ］46 を 46 に（幅は D-4957② の内容幅のまま）。
   ★発信＞AIでつくる＝［細かく注文］（格H 28）／［つくってみる］46 の対を 46 に。 */
[class~="ob-talk-foot"] [class~="ob-btn-back"],
[class~="ob-talk-foot"] [class~="btn-back"]{ min-height:46px; }
[class~="card-actions"]:has(> [class~="ob-btn-p"]) > [class~="ob-btn-h"]{ height:auto; min-height:46px; }

/* ★D-5428 ⑩（創造D 10/4 09:50「3 幅で、1 行で収まるべき字が 2 行に折れる所…器で総なめ」「赤は持ち主が直ちに直す」）
   ★工房＞通知の副字（.kb-line「承認・人の動き・入金・今日の一手・週のまとめが届きます。」）が 412 で「届きま／す。」の泣き別れ。
   ★最後の行の短さだけを均す（text-wrap:pretty）。字・寸・色は不変。可逆＝この塊を消すだけ。 */
[class~="kb-line"]{ text-wrap:pretty; }

/* ★D-5579 §3（創造D 10/12 18:40「設計者の PC（Safari）で『今日の交流候補』の札の字が枠の右をはみ出し、返事の箱と枠がずれている」「1 源の css で直す」）
   ★根＝ホーム 2 列の交流候補の札は格子 auto 1fr（温かい／鋭い 108｜釦の行 188）。1fr は釦の行の最小の幅まで広がり、
     札の内側（1340 で 269・1280 で 249）より 2 列の和（108＋8＋188＝304）が広い＝全幅の行（頭・元の投稿・下書き）まで 304 に伸び、右へ 15〜35 はみ出していた（1440 以上の内側 301 でも 2.6 はみ出し）。
   ★直し＝右の列を minmax(0,1fr)・列の間 8→4（1440 以上の内側 301 に 300 で今の 1 行のまま＝今まで在った 1440 の 2.6 のはみ出しも 0）。札の内側が 300 に満たない時だけ（1280〜1439）釦の行を温かい／鋭いの下の行へ送る（右揃え）。
     字・色・釦の寸は不変。可逆＝この塊を消すだけ。 */
@media (min-width:1280px){
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head){ grid-template-columns:min-content minmax(0,1fr); column-gap:4px; container:ob-eng5579 / inline-size }
  /* ★D-5582（創造D 10/12 21:15「まだ赤だよ　ボタンが被さってる」・設計者の Safari 約1770）
     ★根＝釦の行を下の行へ送る条が container の内（内側 300 未満の時だけ）に在り、設計者の Safari ではそれが効かず、列の幅の条だけが当たった
       ＝釦の行（188）が右の列（内側 266 で 156）に入らず、flex-end の溢れが左へ出て［見送る］が［鋭い］に乗り［承認して下書き］が切れた。
     ★直し＝向きを逆に：既定で温かい／鋭いを上の行・釦を下の行（右揃え・折り返す段・釦の字は nowrap）。札の幅が 420 以上（内側 380 以上）の時だけ container で 1 行に戻す（溢れは safe で左へ出さない）。
       container が効かない日も 2 行＝重なり 0。字・色・釦の寸は不変。可逆＝この塊を消し、上の塊の container の条（max-width:299.9px）を戻すだけ。 */
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .card-acts{ grid-column:1 / -1; grid-row:5; padding-top:10px !important; flex-wrap:wrap; row-gap:6px }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .card-acts > *{ white-space:nowrap }
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .hint{ grid-column:1 / -1; grid-row:6 }
  @container ob-eng5579 (min-width:380px){
    .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .card-acts{ grid-column:2; grid-row:4; padding-top:0 !important; justify-content:safe flex-end }
    .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .hint{ grid-column:1 / -1; grid-row:5 }
  }
  /* ★D-5579 §3 の残り（描き役B 10/12 18:48 の測り「1340 で返事の箱の下に 5 行目の頭が覗く」）＝WebKit の line-clamp:4 は内余白の外で切る。
     下の内余白 12 を透けの線 12 へ替える（地は線の下まで敷かれる＝見た目の寸は不変）。可逆＝この 1 行を消すだけ。 */
  .main .ob-h2.ob-h2-m4 .ob-h2-m4eng > .card:has(> .card-head) > .draft{ padding-bottom:0; border-bottom:12px solid transparent }
}

/* ★D-5602 §3（創造D 10/13 02:15「設計者の逐語：『開くボタンが右に寄りすぎ』」「一覧の［開く］が右端に寄りすぎ。表の最終列として他の列と同じ余白（右 24px）に。売上の列と釦の列の幅を揃える。一覧・パイプライン表の両方。」）
   ★根＝index.html の .crm-tbl td:last-child,th:last-child{padding-right:0}（D-3844 の右端 x2=1399）＝［開く］が表の右の縁に接していた。
   ★［開く］の列（.det＝顧客の一覧・パイプライン表・取引など）だけ右の内余白 24。列の幅は売上の列と同じ（1440 で 141／141）。可逆＝この 1 条を消す。 */
.main .crm-tbl td.det, .main .crm-tbl th.det, .main .crm-tbl:has(td.det) thead th:last-child{ padding-right:24px; }
/* ★D-5603（設計者 10/13 02:45「PC 個票のプレース枠の大きさがバラバラ。揃えて」・創造D 02:45「顧客の個票（PC 1440）の入力欄・表示欄の枠…の幅と高さを 1 つの寸に揃える（同じ列幅・同じ高さ・同じ内余白・同じ角）。複数行の欄（メモ）だけ高さ 3 倍。」「1 源の css。390 は幅いっぱいのまま。」）
   前（手元の器・1440）＝担当の択 590×28・次の接触の択 126×28（行の右）・次アクション 480×44・メモ 480×72・顧客の項目 480×44・タグの札が 590 の金の帯。
   寸の源はこの 1 条の 4 つの値だけ＝欄の幅 480・丈 44・内余白 0 12・角 10（メモは丈 132＝3 倍）。761 以上だけ（390 は不触）。
   次の接触は行の右の小さい択を、他の欄と同じ形（字の下に 480×44 の枠）へ。担当の択は app.js（_pickFullWidth）が直に幅 100% を書くので幅だけ !important。
   タグは札を中身なりの幅へ（金の 590 の帯にしない）・帯は欄と同じ 480。★可逆＝この塊を消すだけ。 */
@media (min-width:761px){
  #crm-drawer{ --cd5603-w:480px; --cd5603-h:44px; --cd5603-px:12px; --cd5603-r:10px }
  #crm-drawer .cd-field > input.cd-input,
  #crm-drawer .cd-field > textarea.cd-input,
  #crm-drawer .cd-field .ob-op > .pick,
  #crm-drawer .cd-row-cal .pick{
    width:var(--cd5603-w) !important; max-width:100% !important; min-width:0;
    height:var(--cd5603-h); min-height:var(--cd5603-h); box-sizing:border-box;
    padding-left:var(--cd5603-px); padding-right:var(--cd5603-px); border-radius:var(--cd5603-r) }
  #crm-drawer .cd-field > textarea.cd-input{ height:calc(var(--cd5603-h) * 3); min-height:calc(var(--cd5603-h) * 3) }
  #crm-drawer .cd-field .ob-op{ width:auto !important }
  #crm-drawer .cd-row-cal{ flex-direction:column; align-items:flex-start; gap:8px }
  #crm-drawer .cd-row-cal > .v{ width:100%; text-align:left }
  #crm-drawer .cd-row-cal > .v > div{ display:block !important }
  #crm-drawer .cd-field > .crm-chips{ width:var(--cd5603-w); max-width:100% }
  #crm-drawer .cd-field > .crm-chips > .chip{ width:auto; flex:0 0 auto; padding-left:16px; padding-right:16px }
}
/* ★★D-5616 §2（★設計者 10/13 12:25・診断入口をつくる面）
   「「商品へ案内する入口」の題に［戻る］釦が重なっている → 釦は題の上の行に単独で。」
   ★実測（本番・1440／820）… ★［戻る］（.ob-modoru）は画面に固定（上 16〜56）・★頭の行（.page-head「制作」）は流れる
     ＝ ★面を 70 巻くと題（上 32〜74）が釦の下に入り「合う」が隠れていた。★390 は［戻る］が面の下（固定でない）＝被り 0。
   ★是正 … ★固定の［戻る］が出ている日のこの面だけ、★頭の行を上に留まる帯へ（★地は .bld-top と同じ #0A0A0B・丈 64）。
     ★巻く前の位置は不変（★題 上 102）。
   「実機の見本の題「30秒でわかる、あなたの…」が明朝 → 面の字体（D-5589 の律）。「…」で切らず 2 行に折り返す。」
   ★是正 … ★見本の題を面の字体へ継ぎ、★nowrap と「…」を外す（★詳しさで app.js の注しの条に勝つ）。 */
body.ob-modoru-on .bld-full .bld-fullin:has(.ob-iri-h) > .page-head{ position:sticky; top:0; z-index:3; background:#0A0A0B; margin-top:-12px; padding-top:12px; padding-bottom:8px; margin-bottom:-8px }
.ob-iri .ir-scr .ir-tx h3{ font-family:inherit; white-space:normal; overflow:visible; text-overflow:clip; word-break:auto-phrase; text-wrap:balance }