/*
 * mogee-additions.css — 最終版（v2.2.0）で追加したクラスだけを補う小さなスタイル。
 * コンパイル済み tailwind.css は本番（r10）と同一のまま触らない（stg との表示一致を保つため）。
 *   .sr-only       … §6 の h1（/buying・/achievements）と補足文言（Tailwind 標準と同じ定義）
 *   .object-bottom … 店舗・施設の「写真の表示位置：下」
 *   .mogee-news-thumb … /news 一覧のサムネイル枠（全画面幅 3:1、切り抜き位置は既定やや上寄り＋記事ごとの上/中央/下）
 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.object-bottom{-o-object-position:bottom;object-position:bottom}
/* /news 一覧のサムネイル枠：全画面幅で縦横比 3:1 に固定し、どの画像でも同じ大きさにそろえる。
   3:1 は TBC のバナー画像（約 3:1）と同じ比率なので、バナーは切れない。写真（3:2 など）は枠いっぱいに表示し、上下が切れる。
   切り抜きの位置は既定で「やや上寄り（35%）」＝空より地面側を多く切る。横長の写真は主役（建物・人物）が中央より上にあることが多く、
   枠の中央で切ると主役の上端が切れて下に地面だけ残るため。記事ごとに「上／中央／下」へ変更できる（投稿編集 → Mogee 追加項目）。 */
.mogee-news-thumb{aspect-ratio:3/1}
.mogee-news-thumb img{-o-object-position:50% 35%;object-position:50% 35%}
.mogee-news-thumb--top img{-o-object-position:50% 0;object-position:50% 0}
.mogee-news-thumb--center img{-o-object-position:50% 50%;object-position:50% 50%}
.mogee-news-thumb--bottom img{-o-object-position:50% 100%;object-position:50% 100%}