/*
 * 海外の都市ページ（月の出）だけの上書き（FEAT-07 Step5-3・2026-10-24）。
 * 🔑 読む順＝国内の DatePart.css → 国内の月の Card.css → 日の出と共有の card.css（案B′の頭・PC の右の列・週の始まり・「今日」の幅）→ このファイル。
 *    国内の規則は触らない（後ろに置いて上書きする）。🔴 連結しない（日の出の Card.css の BOM の罠と同じ作法）。
 * 📌 出どころ＝FEAT-07 の月のデモの extra_moon.css（英語で測った幅取りは言語ごとの変数に替えた）＋日の出の都市ページの #sun_map の規則の月の版。
 */

/* 月相の部品の名前の欄の幅取り＝国内は「満ちていく月\A欠けていく月」（Card.css の ::before）。言語ごとの一番長い2つ（Moon.cshtml が --mph に書く＝値が替わっても幅が動かない＝CLS） */
.mpart [data-p="ph"]::before { content: var(--mph, "Waxing Crescent\A Waning Crescent"); }
/* 次の月相の行＝国内は「10/26（月）14:42」で括弧が隙間の代わりだった。海外は「Oct 26 Mon 14:42」＝隙間を CSS で（日付は 6ch・曜日は 3ch） */
#today_card .info2 .cell .v.qv { gap: 6px; }
#today_card .info2 .cell .v.qv .qd { min-width: 6ch; }
#today_card .info2 .cell .v.qv .qw { min-width: 3ch; }
/* 表3群の見出し側（左）は言語によって長い（ru「Кульминация (время · высота)」は 320 幅で 3px はみ出した）＝左だけ折り返してよい（値は折り返さない） */
#today_card .info2 .cell .k { white-space: normal; min-width: 0; }
/* 月の絵の行の高度「−51.4° below horizon」＝添え書きは言語によって長い＝狭い時は添え書きだけ次の行へ */
#today_card .moonrow .mf [data-n="malt"], #today_card .moonrow .mf [data-n="maz"] { white-space: normal; }
/* 添え書きの中でも折り返す（de「unter dem Horizont」・320 幅の en「below horizon」・ru の16方位「ЗСЗ」が箱の端を越えた＝Step5-5） */
#today_card .moonrow .mf [data-n="malt"] small.mn, #today_card .moonrow .mf [data-n="maz"] small.mn { white-space: normal; display: inline-block; max-width: 100%; }
#today_card .moonrow .mf .v.mph small { overflow-wrap: anywhere; }
/* 月の絵の行の見出し（左）も折り返してよい＝de「Beleuchteter Anteil」が 320 幅で値の列を 31px まで押し潰し、ページが 336px に広がった（Step5-5 実測） */
#today_card .moonrow .mf .k { white-space: normal; }
#today_card .moonrow .mf { grid-template-columns: fit-content(50%) minmax(0, 1fr); }   /* 見出しの列は半分まで（auto のままだと折り返さずに広がる＝grid の auto は max-content まで伸びる） */
/* 月相の2行目「First Quarter → Full」＝国内「上弦→満月」より長い＝折り返してよい */
#today_card .moonrow .mf .v.mph small { white-space: normal; }
/* 距離の節の4行＝言語によって長い＝1行目は折り返してよい・km の塊は割らない */
#year_dist .dls .dtxt > span:first-child { white-space: normal; }
#year_dist .dls .dtxt b.mono { white-space: nowrap; }
/* 2行目（「Luna più vicina del 2026 (perigeo)」等）も折り返してよい＝節の左右の余白（10-24）で 320 幅の it が箱を 23px 越えた */
#year_dist .dls .dtxt { min-width: 0; }
#year_dist .dls .dtxt > span.mute { white-space: normal; }
/* 1か月の図の下のその日の行も同じ＝320 幅の pt「Passagem meridiana (altura)」が 9px 越えた＝見出し（左）だけ折り返してよい */
#year .yday .yk { white-space: normal; min-width: 0; }
#year .yday .yv { flex: none; margin-left: 8px; }
/* 満月の印の凡例（月の図の凡例の最後＝判断24「✓ Full moon」）＝月の絵と同じ大きさの感じ（14px） */
#year .legend svg.lgfm { width: 14px; height: 14px; display: inline-block; vertical-align: -2px; margin-right: 4px; }
/* 計算中（.busy）＝国内は図の svg ごと opacity .3＝紺の土台にカードの白が透け、月・年を素早く送ると白がパチパチした（10-24 ユーザー）。
   土台（最初の rect）と1か月の図の月相の帯（#15171d）は濃いまま・その上の線・点・字だけ薄く */
#year .busy #year_chart, #year .busy #dist_chart { opacity: 1; }
#year .busy #year_chart > :not(:first-child):not([fill="#15171d"]), #year .busy #dist_chart > :not(:first-child) { opacity: .3; }

/* 地図＝今の海外ページと同じ 300px・灰の下地（日の出の #sun_map と同じ） */
#moon_map .map_canvas { height: 300px; background-color: #eee; margin-top: 8px; }
#moon_map .note { margin: 8px 0; font-size: 13px; color: #5a6270; }   /* 左右の余白は節が持つ（card.css・10-24） */

/* 「現地の日時」の札を地図の節・しくみの図の日付の部品にも（日の出の 4-12 と同じ・字は Moon.cshtml の --lt）。カードの弧の上は card.css が持つ */
#moon_map .dpart::before, #moon_orbit .dpart::before { content: var(--lt); display: block; font-size: 11px; color: var(--mute); letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; margin: 0 0 4px; }

/* PC＝弧の図の頭の日付の部品は日付と時刻の行だけ残す（日の出は丸ごと隠した＝card.css）。月はすぐ下の月相の部品がこの時刻の月を出す＝時刻が要る。
   ボタンとカレンダーは card.css のまま隠れる（右の列の開いたままのカレンダーで選ぶ） */
@container tcard (min-width: 760px) {
  #today_card > .dpart[data-at="arc"] { display: block; }
  /* Step5-6（10-24 ユーザー）＝右の列はカレンダーだけ（card.css）・表3群は左の列のカウントダウンの後。月の絵の行（moon）・月相の部品（mpart2）は国内 moon Card.css の名前 */
  #today_card { grid-template-areas: "hd hd" "dpart rcol" "row2 rcol" "moon rcol" "cdn rcol" "info2 rcol" "dpart2 rcol" "mpart2 rcol" "arc rcol" "globe rcol" "sky rcol"; }
}