/* Migrated from Social Additional CSS. Profile/Activity-owned rules only. */
/* =====================================================
   1. プロフィールヘッダー
===================================================== */

.um-profile .um-header {
	position: relative;
}

/* 名前・タグ */
.um-profile .um-header .um-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin-top: 4px;
}

.um-profile .um-header .um-meta > .b,
.um-profile .um-header .um-meta .um-clear {
	display: none;
}

.um-profile .um-header .um-meta > span:last-child {
	order: -2;
	display: block;
	width: 100%;
	color: #222;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
}

.um-profile .um-header .um-meta > span:first-child {
	order: -1;
	display: block;
	width: 100%;
}

/* 名前 → タグ → ひとこと紹介 → 活動リンク群の順 */
.um-profile .um-profile-meta {
	display: flex;
	flex-direction: column;
}

.um-profile .um-profile-meta > .um-meta {
	order: 1;
}

.um-profile .um-profile-meta > .um-meta-text {
	order: 2;
	margin-top: 6px;
}

.um-profile .um-profile-meta > .um-main-meta {
	order: 3;
	float: none;
	width: 100%;
	margin-top: 10px;
}

.um-profile .um-profile-meta > .um-main-meta > .um-clear {
	display: none;
}

.um-profile .um-profile-meta > .um-profile-status {
	order: 4;
}

@media screen and (max-width: 600px) {
	.um-profile .um-header .um-meta > span:last-child {
		font-size: 21px;
	}
}


/* =====================================================
   2. フォロー・メッセージ操作エリア
===================================================== */

.um-profile .um-profile-navbar.um-followers-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 10px;
}

.um-profile .um-followers-links {
	display: contents;
}

.um-profile .um-followers-rc {
	flex: 0 0 auto;
	margin-right: 16px;
}

.um-profile .um-followers-btn {
	flex: 0 0 auto;
	float: none;
	margin-left: auto;
}

.um-profile .um-messaging-btn {
	flex: 0 0 auto;
	float: none;
	margin: 0 !important;
}

.um-profile .um-followers-bar .um-follow-btn,
.um-profile .um-followers-bar .bpbm-pm-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 36px;
	margin: 0;
	padding: 0 14px;
	border-radius: 4px;
	white-space: nowrap;
}

.um-profile .um-followers-bar .bpbm-pm-button {
	border: 1px solid #1684aa;
	background: #1684aa;
	color: #fff;
	text-decoration: none;
}

.um-profile .um-followers-bar .bpbm-pm-button:hover,
.um-profile .um-followers-bar .bpbm-pm-button:focus {
	border-color: #126f90;
	background: #126f90;
	color: #fff;
}

.um-profile .um-followers-bar .bpbm-pm-button::before {
	display: inline-block;
	margin-right: 6px;
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 1;
}

.um-profile .um-followers-bar > .um-clear {
	display: none;
}


/* =====================================================
   3. Works / Store 連携パネル
===================================================== */

.um-profile .um-header .linknote-connection-panel {
	position: absolute;
	top: 96px;
	left: 14px;
	z-index: 5;
	width: 176px;
	overflow: hidden;
	border: 1px solid #d5e2e5;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.um-profile .um-header .linknote-connection-row {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 12px;
	align-items: center;
	box-sizing: border-box;
	min-height: 32px;
	padding: 0 9px;
	color: #334047;
	text-decoration: none !important;
}

.um-profile .um-header .linknote-connection-row + .linknote-connection-row {
	border-top: 1px solid #edf1f2;
}

.um-profile .um-header .linknote-connection-row:hover {
	background: #f6fbfc;
}

.um-profile .um-header .linknote-connection-label {
	color: #64757c;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.um-profile .um-header .linknote-connection-value {
	color: #2f383c;
	font-size: 12px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.um-profile .um-header .linknote-connection-value strong {
	font-size: 14px;
}

.um-profile .um-header .linknote-connection-store .linknote-connection-value i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50%;
	background: #36a26d;
	vertical-align: 1px;
}

.um-profile .um-header .linknote-connection-arrow {
	color: #9aabad;
	font-size: 18px;
	line-height: 1;
	text-align: right;
}

.um-profile .um-header:has(.linknote-connection-panel) {
	min-height: 180px;
}

@media screen and (max-width: 600px) {
	.um-profile .um-header .linknote-connection-panel {
		position: static;
		width: 100%;
		margin-top: 12px;
	}

	.um-profile .um-header:has(.linknote-connection-panel) {
		min-height: 0;
	}
}


/* =====================================================
   4. 活動リンク：編集・公開一覧
===================================================== */

.linknote-activity-links {
	max-width: 860px;
	margin: 0 auto;
}

.linknote-activity-links-heading {
	margin-bottom: 20px;
}

.linknote-activity-links-heading h3,
.linknote-activity-links > h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

.linknote-activity-links-heading p {
	margin: 4px 0 0;
	color: #68777d;
	font-size: 14px;
	line-height: 1.6;
}

.linknote-activity-links-message {
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: 6px;
	font-size: 14px;
}

.linknote-activity-links-message.is-success {
	background: #edf8f1;
	color: #227344;
}

.linknote-activity-links-message.is-error {
	background: #fff1f1;
	color: #b63737;
}

/* 編集フォーム */
.linknote-activity-links-editor {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.linknote-activity-link-row {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr) minmax(130px, 0.42fr) auto 58px 52px;
	gap: 8px;
	align-items: center;
	padding: 10px;
	border: 1px solid #e0e8ea;
	border-radius: 8px;
	background: #fff;
}

.linknote-activity-link-row input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 38px;
	margin: 0;
	padding: 7px 9px;
	border: 1px solid #ccd9dd;
	border-radius: 4px;
	background: #fff;
}

.linknote-activity-link-service {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 7px;
	border-radius: 4px;
	background: #eff4f5;
	color: #53656b;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

.linknote-activity-link-service i {
	color: inherit !important;
	font-size: 14px;
}

.linknote-activity-link-featured {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #53636a;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer;
}

.linknote-activity-link-featured input {
	width: auto;
	min-height: auto;
	margin: 0;
}

.linknote-activity-link-order {
	display: flex;
	gap: 3px;
}

.linknote-activity-link-order button,
.linknote-activity-link-remove,
.linknote-activity-link-add {
	border: 0;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
}

.linknote-activity-link-order button {
	width: 27px;
	min-height: 34px;
	padding: 0;
	background: #f1f5f6;
	color: #52636a;
}

.linknote-activity-link-remove {
	min-height: 34px;
	padding: 0 8px;
	background: #f5f5f5;
	color: #68777d;
}

.linknote-activity-link-order button:disabled,
.linknote-activity-link-remove:disabled,
.linknote-activity-link-add:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

.linknote-activity-links-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 16px;
}

.linknote-activity-link-add {
	padding: 10px 13px;
	background: #eef5f7;
	color: #31545e;
}

/* 公開プロフィールの一覧 */
.linknote-activity-links-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.linknote-activity-links-list a {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 18px;
	gap: 10px;
	align-items: center;
	padding: 11px 12px;
	border: 1px solid #e0e8ea;
	border-radius: 7px;
	background: #fff;
	color: #2d3c41;
	text-decoration: none;
}

.linknote-activity-links-list a:hover {
	border-color: #a9cbd4;
	background: #f7fcfd;
}

.linknote-activity-links-list .linknote-activity-link-service {
	width: 32px;
	min-width: 32px;
	height: 32px;
	min-height: 32px;
	padding: 0;
	border-radius: 50%;
}

.linknote-activity-links-list .linknote-activity-link-service > span {
	display: none;
}

.linknote-activity-links-list .linknote-activity-link-service i {
	margin: 0;
	font-size: 15px;
}

.linknote-activity-link-text {
	overflow: hidden;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.linknote-activity-link-arrow {
	color: #87989d;
	font-size: 16px;
	text-align: right;
}

.linknote-activity-links-empty {
	color: #738287;
}


/* =====================================================
   5. 活動リンク：ヘッダー表示・ツールチップ
===================================================== */

.um-profile .um-main-meta .linknote-featured-activity-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-left: 5px;
	vertical-align: middle;
}

.um-profile .um-profile-connect .linknote-activity-header-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0 !important;
	border-radius: 50%;
	background: #6c7e84;
	color: #fff;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	vertical-align: top;
}

.um-profile .um-profile-connect .linknote-activity-header-icon:hover {
	color: #fff;
	opacity: 0.86;
	transform: translateY(-1px);
}

.um-profile .um-profile-connect .linknote-activity-header-icon i {
	font-size: 16px;
	line-height: 1;
}

.um-profile .linknote-activity-header-niconico .linknote-sns-niconico-img {
	display: block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* 旧UMのSNS欄は非表示。活動リンクのみを表示する。 */
.um-profile .um-profile-connect.um-member-connect > a:not(.linknote-activity-header-icon),
.um-profile .linknote-profile-sns {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	.um-profile .um-profile-connect.um-member-connect,
	.um-profile .um-profile-connect .linknote-activity-header-icon {
		overflow: visible;
	}

	.um-profile .um-profile-connect .linknote-activity-header-icon {
		position: relative;
	}

	.um-profile .um-profile-connect .linknote-activity-header-icon::after {
		position: absolute;
		bottom: calc(100% + 8px);
		left: 50%;
		z-index: 100;
		display: block;
		width: max-content;
		max-width: 180px;
		padding: 6px 8px;
		border-radius: 4px;
		background: rgba(28, 35, 38, 0.94);
		color: #fff;
		content: attr(data-label);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.3;
		opacity: 0;
		pointer-events: none;
		transform: translateX(-50%) translateY(3px);
		transition: opacity 0.15s ease, transform 0.15s ease;
		visibility: hidden;
		white-space: nowrap;
	}

	.um-profile .um-profile-connect .linknote-activity-header-icon:hover::after,
	.um-profile .um-profile-connect .linknote-activity-header-icon:focus-visible::after {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
		visibility: visible;
	}
}

/* スマホでは「アイコン＋ラベル」のチップにする */
@media screen and (max-width: 600px) {
	.um-profile .um-main-meta .um-profile-connect.um-member-connect {
		display: flex !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		overflow: visible !important;
	}

	.um-profile .um-profile-connect.um-member-connect .linknote-activity-header-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex: 0 1 auto !important;
		float: none !important;
		box-sizing: border-box !important;
		width: auto !important;
		min-width: 34px !important;
		max-width: 160px !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 11px !important;
		border-radius: 18px !important;
		line-height: 1 !important;
		overflow: hidden !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	.um-profile .um-profile-connect.um-member-connect .linknote-activity-header-icon::after {
		position: static !important;
		inset: auto !important;
		display: block !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 0 0 7px !important;
		padding: 0 !important;
		background: transparent !important;
		color: #fff !important;
		content: attr(data-label) !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		opacity: 1 !important;
		pointer-events: none !important;
		transform: none !important;
		visibility: visible !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.um-profile .um-profile-connect.um-member-connect .linknote-activity-header-icon i,
	.um-profile .um-profile-connect.um-member-connect .linknote-activity-header-niconico .linknote-sns-niconico-img {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}
}


/* =====================================================
   6. 活動リンク：サービス別カラー
===================================================== */

.linknote-activity-link-service.service-x,
.um-profile .linknote-activity-header-x {
	background: #0f1419 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-youtube,
.um-profile .linknote-activity-header-youtube {
	background: #e52d27 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-niconico,
.um-profile .linknote-activity-header-niconico {
	background: #555 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-instagram,
.um-profile .linknote-activity-header-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-tiktok,
.um-profile .linknote-activity-header-tiktok {
	background: #000 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-twitch,
.um-profile .linknote-activity-header-twitch {
	background: #9146ff !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-spotify,
.um-profile .linknote-activity-header-spotify {
	background: #1db954 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-applemusic,
.um-profile .linknote-activity-header-applemusic {
	background: #fa243c !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-soundcloud,
.um-profile .linknote-activity-header-soundcloud {
	background: #ff5500 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-bandcamp,
.um-profile .linknote-activity-header-bandcamp {
	background: #629aa9 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-note,
.um-profile .linknote-activity-header-note {
	background: #41c9b4 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-litlink,
.linknote-activity-link-service.service-linktree,
.um-profile .linknote-activity-header-litlink,
.um-profile .linknote-activity-header-linktree {
	background: #333 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-discord,
.um-profile .linknote-activity-header-discord {
	background: #5865f2 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-twitcasting,
.um-profile .linknote-activity-header-twitcasting {
	background: #00a1e9 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-showroom,
.um-profile .linknote-activity-header-showroom {
	background: #ff4f77 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-iriam,
.um-profile .linknote-activity-header-iriam {
	background: #ff3f7f !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-mirrativ,
.um-profile .linknote-activity-header-mirrativ {
	background: #ff6363 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-openrec,
.um-profile .linknote-activity-header-openrec {
	background: #29a9f4 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-17live,
.um-profile .linknote-activity-header-17live {
	background: #ff3b5c !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-pococha,
.um-profile .linknote-activity-header-pococha {
	background: #ff6d7a !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-colorsing,
.um-profile .linknote-activity-header-colorsing {
	background: #e95b91 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-pixiv,
.um-profile .linknote-activity-header-pixiv {
	background: #0096fa !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-github,
.um-profile .linknote-activity-header-github {
	background: #24292f !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-booth,
.um-profile .linknote-activity-header-booth {
	background: #fc4d50 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-fanbox,
.um-profile .linknote-activity-header-fanbox {
	background: #00b9f2 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-patreon,
.um-profile .linknote-activity-header-patreon {
	background: #ff424d !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-linkedin,
.um-profile .linknote-activity-header-linkedin {
	background: #0a66c2 !important;
	color: #fff !important;
}

.linknote-activity-link-service.service-website,
.um-profile .linknote-activity-header-website {
	background: #607d86 !important;
	color: #fff !important;
}


/* =====================================================
   7. 活動リンク：アイコン確認一覧
===================================================== */

.linknote-activity-icon-preview {
	max-width: 900px;
	margin: 0 auto;
}

.linknote-activity-icon-preview h2 {
	margin: 0 0 8px;
}

.linknote-activity-icon-preview > p {
	margin: 0 0 20px;
	color: #68777d;
}

.linknote-activity-icon-preview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 12px;
}

.linknote-activity-icon-preview-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 7px;
	padding: 16px 10px 12px;
	border: 1px solid #e0e8ea;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}

.linknote-activity-icon-preview-item .linknote-activity-link-service {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	padding: 0;
	border-radius: 50%;
}

.linknote-activity-icon-preview-item .linknote-activity-link-service i {
	margin: 0;
	font-size: 18px;
}

.linknote-activity-icon-preview-item strong {
	color: #334047;
	font-size: 13px;
}

.linknote-activity-icon-preview-item small {
	color: #8a989d;
	font-size: 10px;
	line-height: 1.35;
	word-break: break-all;
}


/* =====================================================
   9. Social Activity：ポストUI
===================================================== */

.um-activity-wall {
	--ln-post-border: #e3ebed;
	--ln-post-text: #29343a;
	--ln-post-subtext: #829197;
	--ln-post-hover: #f5fafb;
	--ln-post-accent: #31c7ad;
	max-width: 760px;
	margin: 0;
}

/* 投稿フォーム */
.um-activity-wall > .um-activity-widget:not([id^="postid-"]) {
	margin-bottom: 14px !important;
	overflow: hidden;
	border: 1px solid var(--ln-post-border) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.um-activity-wall .um-activity-textarea {
	padding: 12px 14px !important;
	border: 0 !important;
	background: #fff !important;
}

.um-activity-wall .um-activity-textarea-elem {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 78px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--ln-post-text) !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
	resize: vertical;
}

.um-activity-wall .um-activity-textarea-elem:focus {
	box-shadow: none !important;
	outline: 0 !important;
}

.um-activity-wall > .um-activity-widget:not([id^="postid-"]) .um-button,
.um-activity-wall > .um-activity-widget:not([id^="postid-"]) button,
.um-activity-wall > .um-activity-widget:not([id^="postid-"]) input[type="submit"] {
	border-radius: 8px !important;
	font-weight: 700 !important;
}

/* 投稿カード */
.um-activity-wall .um-activity-widget[id^="postid-"] {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--ln-post-border) !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
}

.um-activity-wall .um-activity-widget[id^="postid-"] + .um-activity-widget[id^="postid-"] {
	border-top: 0 !important;
}

/* 投稿ヘッダー */
.um-activity-wall .linknote-post-card > .um-activity-head {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	position: relative !important;
	min-height: 58px !important;
	padding: 14px 16px 6px !important;
	border: 0 !important;
	background: transparent !important;
}

.um-activity-wall .linknote-post-card > .um-activity-head .um-activity-author {
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr) !important;
	column-gap: 10px !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card > .um-activity-head .um-activity-ava {
	grid-column: 1 !important;
	grid-row: 1 !important;
	float: none !important;
	position: static !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-ava img {
	display: block;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	object-fit: cover;
}

.um-activity-wall .linknote-post-card > .um-activity-head .um-activity-author-meta {
	display: flex !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 2px 6px !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-author-url {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

.um-activity-wall .linknote-post-card .um-activity-author-url > a {
	min-width: 0 !important;
	color: var(--ln-post-text) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.um-activity-wall .linknote-post-card .um-activity-author-url > a[data-linknote-handle] {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1.2 !important;
}

.um-activity-wall .linknote-post-card .um-activity-author-url > a[data-linknote-handle]::after,
.um-activity-wall .linknote-post-card .um-activity-comment-author-link > a[data-linknote-handle]::after {
	display: inline-flex !important;
	align-items: center !important;
	max-width: 170px !important;
	margin-left: 6px !important;
	overflow: hidden !important;
	color: var(--ln-post-subtext) !important;
	content: attr(data-linknote-handle) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-overflow: ellipsis !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
}

.um-activity-wall .linknote-post-card .um-activity-metadata {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--ln-post-subtext) !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

.um-activity-wall .linknote-post-card .um-activity-metadata::before {
	display: inline !important;
	margin-right: 6px !important;
	color: #a9b5b9 !important;
	content: "・" !important;
}

.um-activity-wall .linknote-post-card .um-activity-metadata a {
	color: inherit !important;
	text-decoration: none !important;
}

.um-activity-wall .linknote-post-card > .um-activity-head > .um-activity-right {
	flex: 0 0 auto !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 投稿メニュー */
.um-activity-wall .linknote-post-card .um-activity-ticon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: -3px -5px 0 0 !important;
	border-radius: 50%;
	color: var(--ln-post-subtext) !important;
	text-decoration: none;
}

.um-activity-wall .linknote-post-card .um-activity-ticon:hover {
	background: var(--ln-post-hover);
	color: var(--ln-post-text) !important;
}

.um-activity-wall .linknote-post-card .um-activity-ticon i {
	display: none !important;
}

.um-activity-wall .linknote-post-card .um-activity-ticon::before {
	margin-top: -5px;
	content: "•••";
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}

/* 投稿本文・添付画像 */
.um-activity-wall .linknote-post-card .um-activity-body {
	padding: 0 16px 10px !important;
	border: 0 !important;
	background: transparent !important;
}

.um-activity-wall .linknote-post-card .um-activity-bodyinner-txt {
	color: var(--ln-post-text) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	overflow-wrap: anywhere;
}

.um-activity-wall .linknote-post-card .um-activity-bodyinner-photo:empty {
	display: none !important;
}

.um-activity-wall .linknote-post-card .um-activity-bodyinner-photo {
	margin-top: 10px !important;
	overflow: hidden;
	border: 1px solid var(--ln-post-border);
	border-radius: 12px;
}

.um-activity-wall .linknote-post-card .um-activity-bodyinner-photo img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 480px;
	object-fit: cover;
}

/* いいね・コメント操作 */
.um-activity-wall .linknote-post-card .um-activity-foot {
	padding: 0 16px 10px !important;
	border: 0 !important;
	background: transparent !important;
}

.um-activity-wall .linknote-post-card .um-activity-actions {
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.um-activity-wall .linknote-post-card .um-activity-actions > div {
	float: none !important;
	margin: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-actions > div > a {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	padding: 0 8px;
	border-radius: 16px;
	color: var(--ln-post-subtext) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease;
}

.um-activity-wall .linknote-post-card .um-activity-actions > div > a:hover {
	background: var(--ln-post-hover);
	color: var(--ln-post-text) !important;
}

.um-activity-wall .linknote-post-card .um-activity-actions i {
	font-size: 14px;
}

.um-activity-wall .linknote-post-card .um-activity-like.active > a,
.um-activity-wall .linknote-post-card .um-activity-like.active > a i {
	color: #e85b66 !important;
}

/* コメント・返信 */
.um-activity-wall .linknote-post-card .um-activity-comments {
	padding: 0 16px 12px !important;
	border-top: 1px solid var(--ln-post-border);
	background: #fff;
}

.um-activity-wall .linknote-post-card .um-activity-comments .um-activity-comment-area {
	display: none !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments.linknote-comment-open .um-activity-comment-area {
	display: flex !important;
	align-items: flex-start;
	gap: 8px;
	padding-top: 12px !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop:empty {
	display: none !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop > .um-activity-commentwrap {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-commentwrap > .um-activity-commentl:not(.um-activity-comment-area) {
	display: grid !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	column-gap: 9px !important;
	align-items: start !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	margin: 0 !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid #eef3f4 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-comment-avatar {
	grid-column: 1 !important;
	grid-row: 1 !important;
	float: none !important;
	position: static !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-avatar img {
	display: block;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-comment-info {
	grid-column: 2 !important;
	grid-row: 1 !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-comment-data {
	line-height: 1.55 !important;
	overflow-wrap: anywhere;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-comment-author-link {
	display: inline !important;
	margin-right: 5px !important;
	font-weight: 700 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-author-link > a[data-linknote-handle] {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1.2 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-author-link > a[data-linknote-handle]::after {
	max-width: 130px !important;
	font-size: 12px !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-comment-meta {
	margin-top: 4px !important;
}

.um-activity-wall .linknote-post-card .um-activity-comments-loop .um-activity-commentl.is-child {
	margin-left: 41px !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-avatar {
	float: none !important;
	flex: 0 0 auto;
	margin: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-box {
	flex: 1 1 auto;
	float: none !important;
	min-width: 0;
	margin: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 10px 11px !important;
	border: 1px solid #d9e3e5 !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--ln-post-text) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	resize: vertical;
}

.um-activity-wall .linknote-post-card .um-activity-comment-textarea:focus {
	border-color: var(--ln-post-accent) !important;
	box-shadow: 0 0 0 3px rgba(49, 199, 173, 0.13);
	outline: 0;
}

.um-activity-wall .linknote-post-card .um-activity-comment-area .um-activity-right {
	flex: 0 0 auto;
	float: none !important;
	margin: 0 !important;
}

.um-activity-wall .linknote-post-card .um-activity-comment-post {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 14px !important;
	border-radius: 8px !important;
	background: var(--ln-post-accent) !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}

/* 旧スニペットが生成したspanが残っていても隠す */
.um-activity-wall .linknote-post-handle {
	display: none !important;
}

@media screen and (max-width: 700px) {
	.linknote-activity-link-row {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.linknote-activity-link-service {
		justify-self: start;
	}

	.linknote-activity-link-order {
		justify-self: end;
	}

	.linknote-activity-link-url {
		grid-column: 1 / -1;
	}

	.linknote-activity-link-label {
		grid-column: 1;
	}

	.linknote-activity-link-featured {
		grid-column: 2;
		justify-self: end;
	}

	.linknote-activity-link-remove {
		grid-column: 1 / -1;
	}

	.linknote-activity-links-list a {
		grid-template-columns: 36px minmax(0, 1fr) 18px;
	}

	.linknote-activity-links-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.linknote-activity-links-actions .um-button,
	.linknote-activity-link-add {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.um-activity-wall {
		max-width: none;
	}

	.um-activity-wall .linknote-post-card > .um-activity-head {
		min-height: 52px !important;
		padding: 12px 12px 5px !important;
	}

	.um-activity-wall .linknote-post-card > .um-activity-head .um-activity-author {
		grid-template-columns: 38px minmax(0, 1fr) !important;
		column-gap: 8px !important;
	}

	.um-activity-wall .linknote-post-card > .um-activity-head .um-activity-ava,
	.um-activity-wall .linknote-post-card .um-activity-ava img {
		width: 38px !important;
		height: 38px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-author-url > a {
		font-size: 14px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-author-url > a[data-linknote-handle]::after {
		max-width: 110px !important;
		font-size: 12px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-comment-author-link > a[data-linknote-handle]::after {
		max-width: 95px !important;
		font-size: 11px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-metadata {
		font-size: 12px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-body,
	.um-activity-wall .linknote-post-card .um-activity-foot,
	.um-activity-wall .linknote-post-card .um-activity-comments {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-bodyinner-txt {
		font-size: 14px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-actions {
		gap: 4px;
	}

	.um-activity-wall .linknote-post-card .um-activity-actions > div > a {
		padding: 0 7px;
		font-size: 12px;
	}

	.um-activity-wall .linknote-post-card .um-activity-comments.linknote-comment-open .um-activity-comment-area {
		flex-wrap: wrap;
	}

	.um-activity-wall .linknote-post-card .um-activity-comment-box {
		flex: 1 1 calc(100% - 42px);
	}

	.um-activity-wall .linknote-post-card .um-activity-comment-area .um-activity-right {
		flex: 1 1 100%;
		margin-left: 40px !important;
	}

	.um-activity-wall .linknote-post-card .um-activity-comment-post {
		width: 100%;
	}
}
/* =====================================================
   プロフィール全タブ：PCでは右サイドバー枠を使わず本文を全幅化
===================================================== */

@media screen and (min-width: 768px) {

	/* UM Theme標準の8/12カラムを、プロフィール全タブで12/12へ */
	.um-profile .boot-col-md-8.um-theme-profile-single-content {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	/* 右側の空サイドバー枠を非表示 */
	.um-profile .boot-col-md-8.um-theme-profile-single-content
	+ [class*="boot-col-md-"] {
		display: none !important;
	}

	/* 各タブ本文も横幅いっぱいに */
	.um-profile .um-theme-profile-single-content-container,
	.um-profile .um-profile-body {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	/* ポストタブなど、UM内側のフォーム幅も広げる */
	.um-profile .um-profile-body > .um,
	.um-profile .um-profile-body .um-form,
	.um-profile .um-profile-body .um-activity-wall {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
}
/* =====================================================
   プロフィール「ホーム」微調整
===================================================== */

/* 右端だけ外枠と重ならないよう、ホーム内に余白を確保 */
body:has(.um-profile-body.linknote_home) .lnph-profile-home {
	box-sizing: border-box !important;
	padding-right: 10px !important;
}

/* 4カードの間隔と左右比を少しコンパクトに */
body:has(.um-profile-body.linknote_home) .lnph-home-grid {
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) !important;
	gap: 12px !important;
}

/* ホーム内ポストをコンパクトに */
body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-widget[id^="postid-"] {
	padding-bottom: 9px !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-widget[id^="postid-"]
+ .um-activity-widget[id^="postid-"] {
	margin-top: 9px !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-head {
	min-height: 0 !important;
	margin-bottom: 4px !important;
	padding: 0 !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-body {
	padding: 0 !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-bodyinner-txt {
	font-size: 13px !important;
	line-height: 1.55 !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-foot {
	margin-top: 5px !important;
	padding: 0 !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-actions {
	gap: 8px !important;
}

body:has(.um-profile-body.linknote_home)
.lnph-posts-output .um-activity-actions a {
	font-size: 12px !important;
}

/* ノートのMasonry用位置指定を完全に解除して、常に先頭3件を縦並び表示 */
body:has(.um-profile-body.linknote_home)
.lnph-notes-output .um-notes-holder .note-block {
	transform: none !important;
	transition: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}
/* =====================================================
   プロフィール「ホーム」スマホ表示補正
===================================================== */

@media screen and (max-width: 767px) {

	/* ホーム全体をスマホでは1カラム化 */
	body:has(.um-profile-body.linknote_home) .lnph-profile-home {
		width: 100% !important;
		max-width: none !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box !important;
	}

	body:has(.um-profile-body.linknote_home) .lnph-home-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: none !important;
	}

	body:has(.um-profile-body.linknote_home) .lnph-section {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		grid-column: 1 / -1 !important;
		box-sizing: border-box !important;
	}

	/* ポスト内のUM Activityも横幅いっぱいに */
	body:has(.um-profile-body.linknote_home) .lnph-posts-output,
	body:has(.um-profile-body.linknote_home) .lnph-posts-output .um,
	body:has(.um-profile-body.linknote_home) .lnph-posts-output .um-form,
	body:has(.um-profile-body.linknote_home) .lnph-posts-output .um-activity-wall,
	body:has(.um-profile-body.linknote_home) .lnph-posts-output .um-activity-widget {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	/* ホーム内ポストの余白をスマホ向けに調整 */
	body:has(.um-profile-body.linknote_home)
	.lnph-posts-output .um-activity-widget[id^="postid-"] {
		padding: 10px !important;
	}

	/* アバターが縦伸びしないよう固定 */
	body:has(.um-profile-body.linknote_home)
	.lnph-posts-output .um-activity-ava img,
	body:has(.um-profile-body.linknote_home)
	.lnph-posts-output .um-activity-comment-avatar img {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px !important;
		max-width: 32px !important;
		max-height: 32px !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		border-radius: 50% !important;
	}

	/* ノートも横幅いっぱいに */
	body:has(.um-profile-body.linknote_home) .lnph-notes-output,
	body:has(.um-profile-body.linknote_home) .lnph-notes-output .um-notes-holder,
	body:has(.um-profile-body.linknote_home) .lnph-notes-output .note-block,
	body:has(.um-profile-body.linknote_home) .lnph-notes-output .note-block-container {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
}


/* =====================================================
   LinKnote Profile Home v1.2.47: final responsive header layer
   Historical profile CSS contains several past breakpoint patches. These
   rules define one stable three-stage layout without changing saved data.
===================================================== */

.um-profile.lnph-profile-header-compact .lnph-compact-profile-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.um-profile.lnph-profile-header-compact .lnph-compact-top-row {
	display: flex !important;
	align-items: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	min-width: 0 !important;
}

.um-profile.lnph-profile-header-compact .lnph-compact-main,
.um-profile.lnph-profile-header-compact .lnph-compact-essentials,
.um-profile.lnph-profile-header-compact .lnph-compact-side-meta {
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Wide desktop: status card left, SNS/tags use the remaining width. */
@media screen and (min-width: 1024px) {
	.um-profile.lnph-profile-header-compact .lnph-compact-status-line {
		display: grid !important;
		grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) !important;
		align-items: start !important;
		gap: 8px 18px !important;
		width: 100% !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-status-line .linknote-connection-panel {
		position: static !important;
		grid-column: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 190px !important;
		margin: 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-side-meta {
		grid-column: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 7px !important;
		width: 100% !important;
	}
}

/* Tablet / narrow desktop: keep two columns but allow both sides to shrink. */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.um-profile.lnph-profile-header-compact .lnph-compact-status-line {
		display: grid !important;
		grid-template-columns: minmax(132px, 176px) minmax(0, 1fr) !important;
		align-items: start !important;
		gap: 8px 12px !important;
		width: 100% !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-status-line .linknote-connection-panel {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 176px !important;
		margin: 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-side-meta {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px !important;
		width: 100% !important;
	}

	/* Home header connection card must stop floating over the text at medium widths. */
	.um-profile.lnph-profile-header-home .um-header .linknote-connection-panel {
		position: static !important;
		width: min(100%, 360px) !important;
		margin-top: 12px !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header:has(.linknote-connection-panel) {
		min-height: 0 !important;
	}
}

/* Mobile: one predictable vertical flow. */
@media screen and (max-width: 767px) {
	.um-profile.lnph-profile-header-compact .um-header {
		padding: 12px !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-top-row {
		gap: 11px !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-status-line {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 8px !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-status-line .linknote-connection-panel,
	.um-profile.lnph-profile-header-compact .lnph-compact-side-meta,
	.um-profile.lnph-profile-header-compact .lnph-compact-actions {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .um-profile-connect,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .lnph-compact-social-icons,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .um-user-tags,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .lnph-compact-user-tags {
		width: 100% !important;
		max-width: 100% !important;
		flex-wrap: wrap !important;
	}

	.um-profile.lnph-profile-header-home .um-header .linknote-connection-panel {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 12px !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header:has(.linknote-connection-panel) {
		min-height: 0 !important;
	}
}

/* User tags are links to LinKnote user-search results. */
.um-profile .um-user-tag a[data-lnph-user-tag-search],
.um-profile .um-user-tags a[data-lnph-user-tag-search] {
	cursor: pointer;
	text-decoration: none;
}


/* =====================================================
   LinKnote Profile Home v1.2.48: final Home-header fixes
   - Keep the consultation control in normal flow on narrow layouts so it
     cannot overlap the birthday/tags row.
   - Keep activity links as stable circular icons on mobile instead of the
     historical icon+label chip treatment, which could be clipped by UM.
===================================================== */

/* At tablet / mobile widths the Works/Store card and consultation control
 * form a vertical stack. The consultation box must participate in document
 * flow; older plugin CSS can otherwise leave it floating over the birthday. */
@media screen and (max-width: 1023px) {
	.um-profile.lnph-profile-header-home .um-header .lnct-consult-box {
		position: static !important;
		float: none !important;
		clear: both !important;
		display: block !important;
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 12px 0 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header .lnct-consult-box > a,
	.um-profile.lnph-profile-header-home .um-header .lnct-consult-box > button,
	.um-profile.lnph-profile-header-home .um-header .lnct-consult-box .um-button,
	.um-profile.lnph-profile-header-home .um-header .lnct-consult-box [role="button"] {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Birthday/tags always start after the full-width consultation row. */
	.um-profile.lnph-profile-header-home .um-header .lnph-header-birthday {
		position: static !important;
		float: none !important;
		clear: both !important;
		transform: none !important;
	}
}

/* Mobile activity links: keep one simple icon vocabulary at every narrow
 * width. The previous chip labels were wider than UM's original social-link
 * container and could appear as clipped single letters beside the circles. */
@media screen and (max-width: 767px) {
	.um-profile.lnph-profile-header-home .um-header .um-profile-connect.um-member-connect {
		display: flex !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-connect.um-member-connect .linknote-activity-header-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 30px !important;
		float: none !important;
		box-sizing: border-box !important;
		width: 30px !important;
		min-width: 30px !important;
		max-width: 30px !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 50% !important;
		overflow: visible !important;
		white-space: normal !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-connect.um-member-connect .linknote-activity-header-icon::after {
		display: none !important;
		content: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-connect.um-member-connect .linknote-activity-header-icon i,
	.um-profile.lnph-profile-header-home .um-header .um-profile-connect.um-member-connect .linknote-activity-header-niconico .linknote-sns-niconico-img {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}
}

/* =====================================================
   LinKnote Profile Home v1.2.54: stable Home consultation flow
   Keep the original UM DOM. At <=1023px the existing sibling order is:
   Works/Store -> consultation -> profile meta. Force both the wrapper and
   the actual consultation link into normal flow so no absolutely/floated
   child can overlap the birthday/tag/name rows.
===================================================== */
@media screen and (max-width: 1023px) {
	.um-profile.lnph-profile-header-home .um-header .um-profile-meta {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .linknote-connection-panel {
		order: -20 !important;
		position: static !important;
		inset: auto !important;
		float: none !important;
		clear: both !important;
		box-sizing: border-box !important;
		width: min(100%, 360px) !important;
		max-width: 360px !important;
		margin: 12px 0 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .lnct-consult-box {
		order: -19 !important;
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		float: none !important;
		clear: both !important;
		display: block !important;
		box-sizing: border-box !important;
		width: min(100%, 360px) !important;
		min-width: 0 !important;
		max-width: 360px !important;
		height: auto !important;
		min-height: 42px !important;
		margin: 10px 0 14px !important;
		padding: 0 !important;
		transform: none !important;
		overflow: visible !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .lnct-consult-box > .lnct-consult-settings-link {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		float: none !important;
		clear: both !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		min-height: 42px !important;
		margin: 0 !important;
		transform: none !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .um-meta {
		order: 1 !important;
		position: relative !important;
		z-index: 1 !important;
		clear: both !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .um-meta-text {
		order: 2 !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .um-main-meta {
		order: 3 !important;
	}

	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .um-profile-status {
		order: 4 !important;
	}
}

@media screen and (max-width: 767px) {
	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .linknote-connection-panel,
	.um-profile.lnph-profile-header-home .um-header .um-profile-meta > .lnct-consult-box {
		width: 100% !important;
		max-width: none !important;
	}
}


/* =====================================================
   LinKnote Activity：カード分離・ホームUI統一 v1.2.55
===================================================== */

/* 投稿1件を独立カードとして見せ、返信はそのカード内に保持する。 */
.um-activity-wall .um-activity-widget[id^="postid-"].linknote-post-card {
	margin: 0 0 14px !important;
	border: 1px solid var(--ln-post-border, #e3ebed) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 2px 8px rgba(35, 55, 62, 0.045) !important;
	overflow: visible !important;
}

.um-activity-wall .um-activity-widget[id^="postid-"].linknote-post-card + .um-activity-widget[id^="postid-"].linknote-post-card {
	margin-top: 0 !important;
	border-top: 1px solid var(--ln-post-border, #e3ebed) !important;
}

.um-activity-wall .um-activity-widget[id^="postid-"].linknote-post-card:last-of-type {
	margin-bottom: 0 !important;
}

.um-activity-wall .um-activity-widget[id^="postid-"].linknote-post-card:hover {
	box-shadow: 0 5px 16px rgba(35, 55, 62, 0.07) !important;
}

/* ホームタブでもActivityタブと同じリアクションUIを使う。
 * レイアウト自体はホーム向けのコンパクト指定を維持。 */
.lnph-posts-output .lnph-home-timeline-wall {
	width: 100% !important;
	max-width: none !important;
}

.lnph-posts-output .lnph-home-timeline-wall .um-activity-widget[id^="postid-"] {
	padding: 10px 12px 9px !important;
}

.lnph-posts-output .lnph-home-timeline-wall .um-activity-widget[id^="postid-"] + .um-activity-widget[id^="postid-"] {
	margin-top: 10px !important;
}

/* 削除後にUMが残した空コメント殻は視覚的にも出さない。 */
.um-activity-wall .um-activity-commentl:empty,
.um-activity-wall .um-activity-commentwrap:empty,
.um-activity-wall .um-activity-comment-child:empty {
	display: none !important;
}

/* =====================================================
   LinKnote Activity：返信カード表示調整 v1.2.57
===================================================== */

/* 返信スレッドは投稿カード内のサブカードとして区切る。 */
.lnph-timeline-wall .um-activity-comments-loop > .um-activity-commentwrap {
	box-sizing: border-box !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	padding: 9px 11px !important;
	border: 1px solid #e5edef !important;
	border-radius: 12px !important;
	background: #fbfdfd !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* カード内ではUM側の直接返信に余計な外枠・角の指定を持たせない。 */
.lnph-timeline-wall .um-activity-comments-loop > .um-activity-commentwrap
	> .um-activity-commentl:not(.is-child) {
	box-sizing: border-box !important;
	margin: 0 !important;
	border-radius: 10px !important;
	overflow: visible !important;
}

/* 子返信の縦ガイドも角丸カードの内側に収める。 */
.lnph-timeline-wall .um-activity-commentwrap > .um-activity-comment-child {
	border-radius: 0 0 8px 8px !important;
}

/* プロフィールのアクティビティタブでは、旧タイムライン外枠を消す。
 * 投稿カード・ツールバー自体の白背景はそのまま残す。 */
.um-profile .lnph-post-timeline[data-lnph-profile-feed="1"] {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* Activityタブの返信だけ少し内側へ。ホームタブのカード内余白に合わせる。 */
.um-profile .lnph-post-timeline[data-lnph-profile-feed="1"]
	.lnph-timeline-wall .um-activity-comments-loop > .um-activity-commentwrap {
	width: calc(100% - 12px) !important;
	margin-left: 12px !important;
	margin-right: 0 !important;
}

/* UMの返信編集テンプレートは、編集中のフォームと同時に
 * "元コメントのクローン(unready)"も生成する。LinKnoteでは編集フォーム
 * だけを見せ、下に重複表示されるクローンは隠す。 */
.lnph-timeline-wall .um-activity-commentl-clone.unready {
	display: none !important;
}

.lnph-timeline-wall .um-activity-commentwrap:has(> .um-activity-commentl-clone.unready) {
	display: none !important;
}

/* 返信編集フォームを通常の返信カードと同じトーンで表示。 */
.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: end !important;
	gap: 8px 10px !important;
	box-sizing: border-box !important;
	width: calc(100% - 12px) !important;
	margin: 8px 0 8px 12px !important;
	padding: 10px !important;
	border: 1px solid #dfe9eb !important;
	border-radius: 12px !important;
	background: #fbfdfd !important;
	overflow: visible !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	> .um-activity-comment-box {
	grid-column: 1 !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	.um-activity-comment-textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 70px !important;
	margin: 0 !important;
	padding: 10px 11px !important;
	border: 1px solid #d6e2e4 !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #29383d !important;
	font: inherit !important;
	line-height: 1.6 !important;
	resize: vertical !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	> .um-activity-right {
	display: flex !important;
	grid-column: 2 !important;
	align-items: center !important;
	gap: 7px !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	.um-activity-comment-edit-cancel {
	color: #6d7d82 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	.um-activity-comment-post {
	min-height: 36px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
}

.lnph-timeline-wall
	.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
	> .um-clear {
	display: none !important;
}

@media screen and (max-width: 600px) {
	.um-profile .lnph-post-timeline[data-lnph-profile-feed="1"]
		.lnph-timeline-wall .um-activity-comments-loop > .um-activity-commentwrap {
		width: calc(100% - 8px) !important;
		margin-left: 8px !important;
	}

	.lnph-timeline-wall
		.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready) {
		grid-template-columns: 1fr !important;
		width: calc(100% - 8px) !important;
		margin-left: 8px !important;
	}

	.lnph-timeline-wall
		.um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready)
		> .um-activity-right {
		grid-column: 1 !important;
		justify-content: flex-end !important;
	}
}


/* =====================================================
   LinKnote Activity：返信権限・外枠整理 v1.2.57
===================================================== */

/* 角丸の返信カードのさらに外側に残るUM標準の四角い枠を消す。 */
.lnph-timeline-wall .linknote-post-card .um-activity-comments,
.lnph-timeline-wall .linknote-post-card .um-activity-comments-loop {
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lnph-timeline-wall .linknote-post-card .um-activity-comments-loop {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* 返信は投稿後のトラブル回避のため編集不可。UMが一瞬生成しても隠す。 */
.lnph-timeline-wall .um-activity-comment-meta .um-activity-editc-d a.edit,
.lnph-timeline-wall .um-activity-commentl-clone.unready,
.lnph-timeline-wall .um-activity-commentl.um-activity-comment-area:has(+ .um-activity-commentwrap > .um-activity-commentl-clone.unready) {
	display: none !important;
}


/* =====================================================
   LinKnote Home Activity：ホームでは無限ローダーを表示しない v1.2.58
===================================================== */

/* Activityタブ用の .lnph-timeline-wall ローダー指定より後で、
   ホームカードだけ確実に無効化する。 */
.lnph-posts-output .lnph-home-timeline-wall .um-activity-load,
.lnph-posts-output .lnph-home-timeline-wall .um-activity-end,
.lnph-posts-output .lnph-home-timeline-wall .um-activity-load-more,
.lnph-posts-output .lnph-home-timeline-wall .um-activity-loadbutton,
.lnph-posts-output .lnph-home-timeline-wall .um-activity-posts-load,
.lnph-posts-output .lnph-home-timeline-wall .um-activity-no-more {
	display: none !important;
}


/* =====================================================
   LinKnote Activity：空の子返信枠を除去 v1.2.59
===================================================== */

/* 子返信が存在しないとき、UMが残す空の child コンテナを完全に畳む。
 * 返信カード下に二重の枠・曲がったガイドが見えるのを防ぐ。 */
.lnph-timeline-wall .um-activity-commentwrap > .um-activity-comment-child:not(:has(> .um-activity-commentl.is-child)) {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* 子返信がある場合も、縦ガイドに丸い終端を付けない。
 * 返信カード本体の角丸だけを視覚上の外枠にする。 */
.lnph-timeline-wall .um-activity-commentwrap > .um-activity-comment-child:has(> .um-activity-commentl.is-child) {
	border-radius: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}


/* v1.2.64: Follow and Message share the same flat button treatment. */
.um-profile .um-followers-bar .um-follow-btn,
.um-profile .um-followers-bar .bpbm-pm-button {
	box-shadow: none !important;
}


/* v1.2.65: unify Follow / Message dimensions and interaction on desktop + mobile. */
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	vertical-align: middle !important;
	line-height: 1 !important;
	transition: background-color .14s ease, border-color .14s ease, color .14s ease !important;
}

html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:hover,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:focus,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:active,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:hover,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:focus,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:active {
	box-shadow: none !important;
	transform: none !important;
}

/* Better Messages used a size-changing hover in some layouts. Keep the button stationary;
   its existing color change remains the only hover feedback. */
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:hover,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:focus-visible {
	transform: none !important;
}

@media screen and (max-width: 900px) {
	html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn,
	html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button,
	html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:hover,
	html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:hover {
		box-shadow: none !important;
		transform: none !important;
	}
}


/* v1.2.66: lock Follow / Message geometry in every interaction state.
   Better Messages and theme hover rules can change horizontal padding/font metrics,
   and its mobile wrapper may carry a small vertical offset. Keep both controls still. */
html body .um-profile .um-profile-navbar.um-followers-bar .um-followers-btn,
html body .um-profile .um-profile-navbar.um-followers-bar .um-messaging-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	position: relative !important;
	top: 0 !important;
	bottom: auto !important;
	transform: none !important;
	vertical-align: middle !important;
}

html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:hover,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:focus,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:focus-visible,
html body .um-profile .um-profile-navbar.um-followers-bar .um-follow-btn:active,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:hover,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:focus,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:focus-visible,
html body .um-profile .um-profile-navbar.um-followers-bar .bpbm-pm-button:active {
	box-sizing: border-box !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border-width: 1px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	position: relative !important;
	top: 0 !important;
	bottom: auto !important;
	box-shadow: none !important;
	transform: none !important;
	white-space: nowrap !important;
}

/* =====================================================
   LinKnote Profile Home v1.2.69
   Compact non-Home header: keep mobile activity links as clean circles.
   The legacy mobile chip rule exposed data-label text inside the cloned
   compact header while Profile Home simultaneously constrained the anchor
   to a small circle, producing clipped/overlapping icon fragments.
===================================================== */
@media screen and (max-width: 767px) {
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .um-profile-connect.um-member-connect,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .lnph-compact-social-icons {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .um-profile-connect.um-member-connect .linknote-activity-header-icon,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .lnph-compact-social-icons .linknote-activity-header-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 30px !important;
		box-sizing: border-box !important;
		width: 30px !important;
		min-width: 30px !important;
		max-width: 30px !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 50% !important;
		overflow: visible !important;
		white-space: normal !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .linknote-activity-header-icon::after {
		display: none !important;
		content: none !important;
	}

	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .linknote-activity-header-icon i,
	.um-profile.lnph-profile-header-compact .lnph-compact-profile-card .lnph-compact-side-meta .linknote-activity-header-niconico .linknote-sns-niconico-img {
		display: block !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
	}
}