/** About画面 **/
/* メールアドレスやリスト要素のURLが改行されないことへの対応 */
.about__mail,.about__section__body ul>li{
overflow-wrap: anywhere;
}
/* smallタグを小さく */
.about__section__body small{
font-size: small;
}
/*ドメインブロックの理由欄が見切れる問題への対処*/
.about__domain-blocks__domain>p{
text-overflow:inherit;
overflow-x:auto;
}

/** メイン画面 **/
/* 投稿の余白を狭くする(デフォルト:16px) */
.status{
padding:10px;
}
/* 絵文字の調整をする */
.detailed-status .status__content img.emojione,.status .status__content img.emojione,.reactions-bar__item__emoji{
width:auto;height:30px;
}
.status:not(:has(.media-gallery)) .mcd__singleEmoji{
height:120px !important;
width:auto !important;
max-width:300px;
}
.reply-indicator__content>p>.mcd__singleEmoji{
max-width:230px;
}
/* 上級者向けUIのカラム幅を自動調整する */
body.layout-multiple-columns .column {
width: unset;
flex: 1;
min-width: 350px;
}
/* リプライとブーストと固定投稿の左側に色を付ける */
div.status__wrapper-reply:has(.status-reply){
border-left: 3px solid lightskyblue;
}
div:has(>div>div>i.fa-retweet){
border-left: 3px solid orange;
}
[data-featured="true"]{
border-left: 3px solid greenyellow;
}
/* NSFWのプレビュー前がつぶれる問題への対処 */
.media-gallery__preview{
/*position:relative;*/
}
/* 「フォロ…」みたいになってしまう問題への対処 */
.button{
text-overflow:unset;
}
.button,.button.button-tertiary{
padding:0.5vh 0.5vw;
}
.button[type="submit"]{
padding:7px 18px;
}
.display-name__html,.display-name__account,.verified-badge a{
white-space:normal;
overflow-wrap:break-word;
}

/** プロフィール画面 **/
/* プロフィール追加要素への修正対応 */
.account__header__bar > .flash-message {
margin:10px 0;
text-align:left;
}

.user-role-4 {
  --user-role-accent: #a6a6a6;
}

.user-role-1 {
  --user-role-accent: #1da1f2;
}

.user-role-3 {
  --user-role-accent: #daa410;
}

.user-role-2 {
  --user-role-accent: #7ca814;
}