/*ツイッター風UI用*/
.tw_like_box {
    display: grid;
    grid-template-columns: 36px 1fr; /* アイコン + 残り領域 */
    grid-template-rows: auto auto;   /* 名前行 + メッセージ行 */
    gap: 2px 6px;                    /* 行間・列間の余白 */
    border: 1px solid #e2e2e2;
	border-width: 1px 0;
    margin: 0 0 1em 0;
    padding: 4px 0;
}

.tw_like_icon {
    grid-row: 1 / 3;   /* 名前行とメッセージ行の両方に跨る */
    width: 36px;
    height: 36px;
    border-radius: 10%;
}

.tw_like_info {
    display: contents;  /* headerの中のアイコンと名前をそのままグリッドに参加させる */
}

.tw_name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    line-height: 1em;
    font-weight: bold;
    font-size: 13px;
    align-self: center;
}

p.tw_like_msg {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 0;
	padding: 0;
    font-size: 14px;
}