/*
 * 瓢会（ひさご会）文芸デザイン
 * JIN 2.x の既存構造を保ち、追加CSSとして上書きする。
 */

body.hkld-enabled {
	--hkld-ink: #2a211d;
	--hkld-espresso: #201a17;
	--hkld-paper: #f4efe6;
	--hkld-surface: #fffdf8;
	--hkld-wine: #8a3043;
	--hkld-indigo: #40566d;
	--hkld-teal: #347064;
	--hkld-gold: #b18a4d;
	--hkld-border: #ddd2c3;
	--hkld-muted: #756a60;
	--hkld-serif: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	--hkld-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
	background: var(--hkld-paper) !important;
	color: var(--hkld-ink);
	font-family: var(--hkld-sans);
	-webkit-font-smoothing: antialiased;
}

body.hkld-enabled a {
	color: var(--hkld-wine);
	text-underline-offset: 0.16em;
}

body.hkld-enabled a:hover,
body.hkld-enabled a:focus-visible {
	color: color-mix(in srgb, var(--hkld-wine) 78%, #000);
}

body.hkld-enabled ::selection {
	background: color-mix(in srgb, var(--hkld-gold) 35%, transparent);
}

/* ---------- JIN header ---------- */

body.hkld-enabled #header-box {
	position: relative;
	z-index: 20;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--hkld-espresso) !important;
	opacity: 1 !important;
	filter: none !important;
	border: 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--hkld-gold) 35%, transparent) !important;
	box-shadow: none !important;
}

body.hkld-enabled #header-box #header {
	width: min(1180px, calc(100% - 48px)) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	background: var(--hkld-espresso) !important;
	box-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
}

body.hkld-enabled #header-box .header-style1,
body.hkld-enabled #header-box .header-style2,
body.hkld-enabled #header-box .header-style3 {
	background-color: var(--hkld-espresso) !important;
	box-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
}

body.hkld-enabled #header-box #headmenu,
body.hkld-enabled #header-box .menu-box,
body.hkld-enabled #header-box .headsns {
	background-color: transparent !important;
	box-shadow: none !important;
}

body.hkld-enabled #header-box::before,
body.hkld-enabled #header-box::after,
body.hkld-enabled #header-box #header::before,
body.hkld-enabled #header-box #header::after {
	background-color: transparent !important;
	box-shadow: none !important;
}

body.hkld-enabled #header-box #site-info,
body.hkld-enabled #header-box #site-info a,
body.hkld-enabled #header-box #headmenu,
body.hkld-enabled #header-box #headmenu a,
body.hkld-enabled #header-box .menu-item a,
body.hkld-enabled #header-box .search-box,
body.hkld-enabled #header-box .sp-menu-open {
	color: var(--hkld-paper) !important;
	border-color: color-mix(in srgb, var(--hkld-paper) 35%, transparent) !important;
}

body.hkld-enabled #header-box #site-info span a,
body.hkld-enabled #header-box .tn-logo-size img + span {
	font-family: var(--hkld-serif);
	font-weight: 600;
	letter-spacing: 0.06em;
}

body.hkld-enabled #header-box .headsns svg,
body.hkld-enabled #header-box .menu-box svg,
body.hkld-enabled #header-box .search-box svg {
	fill: var(--hkld-paper) !important;
}

body.hkld-enabled #header-box .cps-icon-bar,
body.hkld-enabled #header-box #navtoggle:checked + .sp-menu-open .cps-icon-bar {
	background: var(--hkld-paper) !important;
}

body.hkld-enabled #header-box #headmenu {
	border-color: color-mix(in srgb, var(--hkld-gold) 32%, transparent) !important;
}

body.hkld-enabled #header-box #headmenu::before,
body.hkld-enabled #header-box #headmenu::after {
	background: color-mix(in srgb, var(--hkld-gold) 32%, transparent) !important;
}

body.hkld-enabled #header-box #headmenu a {
	opacity: 0.86;
	transition: color 160ms ease, opacity 160ms ease, background-color 160ms ease;
}

body.hkld-enabled #header-box #headmenu a:hover,
body.hkld-enabled #header-box #headmenu a:focus-visible,
body.hkld-enabled #header-box #headmenu .current-menu-item > a,
body.hkld-enabled #header-box #headmenu .current-menu-ancestor > a {
	background-color: color-mix(in srgb, var(--hkld-paper) 7%, transparent) !important;
	color: #fff !important;
	opacity: 1;
}

@media (min-width: 768px) {
	body.hkld-enabled #header-box > div,
	body.hkld-enabled #header-box > header {
		background-color: var(--hkld-espresso) !important;
		box-shadow: none !important;
		opacity: 1 !important;
		filter: none !important;
	}
}

body.hkld-enabled.hkld-has-home-hero #main-image {
	display: none !important;
}

/* ---------- Branded hero ---------- */

.hkld-hero {
	position: relative;
	display: none;
	overflow: hidden;
	isolation: isolate;
	background: var(--hkld-espresso);
	color: var(--hkld-paper);
}

.hkld-hero.hkld-is-mounted {
	display: block;
}

.hkld-hero--home {
	min-height: clamp(390px, 34vw, 470px);
}

.hkld-hero--compact {
	min-height: clamp(210px, 18vw, 260px);
}

.hkld-hero__media,
.hkld-hero__overlay {
	position: absolute;
	inset: 0;
}

.hkld-hero__media {
	z-index: -2;
	background-color: var(--hkld-espresso);
	background-image: var(--hkld-hero-image);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.hkld-hero__overlay {
	z-index: -1;
	background:
		linear-gradient(
			90deg,
			color-mix(in srgb, var(--hkld-espresso) 98%, transparent) 0%,
			color-mix(in srgb, var(--hkld-espresso) 95%, transparent) 24%,
			color-mix(in srgb, var(--hkld-espresso) 72%, transparent) 47%,
			color-mix(in srgb, var(--hkld-espresso) 10%, transparent) 72%
		),
		linear-gradient(0deg, color-mix(in srgb, var(--hkld-espresso) 22%, transparent), transparent 58%);
}

.hkld-hero__inner {
	display: flex;
	align-items: center;
	width: min(1180px, calc(100% - 48px));
	min-height: inherit;
	margin-inline: auto;
}

.hkld-hero__copy {
	width: min(49%, 570px);
	padding-block: clamp(34px, 5vw, 72px);
}

.hkld-hero__kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 1rem;
	color: color-mix(in srgb, var(--hkld-paper) 86%, transparent);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.14em;
}

.hkld-hero__kicker::before {
	content: "";
	width: 2.6rem;
	height: 1px;
	background: var(--hkld-gold);
}

.hkld-hero__title {
	margin: 0;
	color: var(--hkld-paper) !important;
	font-family: var(--hkld-serif);
	font-size: clamp(2.1rem, 4.5vw, 4.3rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.045em;
	text-shadow: 0 2px 18px color-mix(in srgb, #000 35%, transparent);
}

.hkld-hero--compact .hkld-hero__title {
	font-size: clamp(1.75rem, 3vw, 2.7rem);
}

.hkld-hero__tagline {
	margin: 1.15rem 0 0;
	padding-left: 0.85rem;
	border-left: 2px solid var(--hkld-gold);
	color: var(--hkld-paper);
	font-family: var(--hkld-serif);
	font-size: clamp(1rem, 1.5vw, 1.22rem);
	letter-spacing: 0.08em;
}

.hkld-hero__description {
	max-width: 38rem;
	margin: 1rem 0 0;
	color: color-mix(in srgb, var(--hkld-paper) 87%, transparent);
	font-size: clamp(0.91rem, 1.2vw, 1.02rem);
	line-height: 1.9;
}

.hkld-hero--compact .hkld-hero__description {
	max-width: 33rem;
	margin-top: 0.7rem;
}

.hkld-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.45rem;
}

.hkld-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0.75rem 1.2rem;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none !important;
	transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.hkld-button:hover,
.hkld-button:focus-visible {
	transform: translateY(-1px);
}

.hkld-button--primary,
.hkld-button--primary:hover,
.hkld-button--primary:focus-visible {
	background: var(--hkld-wine);
	color: #fff !important;
}

.hkld-button--secondary,
.hkld-button--secondary:hover,
.hkld-button--secondary:focus-visible {
	background: color-mix(in srgb, var(--hkld-espresso) 72%, transparent);
	border-color: color-mix(in srgb, var(--hkld-paper) 42%, transparent);
	color: var(--hkld-paper) !important;
}

/* ---------- Page and article structure ---------- */

body.hkld-enabled #main-contents,
body.hkld-enabled .main-contents {
	max-width: 1180px;
}

body.hkld-enabled #main-contents,
body.hkld-enabled #contents,
body.hkld-enabled .main-contents {
	color: var(--hkld-ink);
}

body.hkld-enabled .cps-post-main,
body.hkld-enabled .cps-post-main-box,
body.hkld-enabled .post-list-item,
body.hkld-enabled #sidebar .widget,
body.hkld-enabled .related-entry-box {
	background: var(--hkld-surface) !important;
}

body.hkld-enabled .cps-post-main,
body.hkld-enabled .cps-post-main-box {
	border-color: var(--hkld-border) !important;
	box-shadow: none !important;
}

body.hkld-enabled .cps-post-title,
body.hkld-enabled .entry-title {
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
	font-weight: 600 !important;
	line-height: 1.5;
	letter-spacing: 0.025em;
}

body.hkld-enabled .cps-post-date,
body.hkld-enabled .cps-post-cat,
body.hkld-enabled .meta-cat,
body.hkld-enabled #breadcrumb,
body.hkld-enabled #breadcrumb a {
	color: var(--hkld-muted) !important;
}

body.hkld-enabled .cps-post-cat a,
body.hkld-enabled .meta-cat,
body.hkld-enabled .popular-cat,
body.hkld-enabled .post-list-cat,
body.hkld-enabled .post-list-mag .meta-cat {
	background: var(--hkld-wine) !important;
	border-color: var(--hkld-wine) !important;
	color: #fff !important;
}

body.hkld-enabled .entry-content,
body.hkld-enabled .cps-post-main {
	font-size: 17px;
	line-height: 1.95;
}

body.hkld-enabled .entry-content p,
body.hkld-enabled .cps-post-main p {
	line-height: 1.95;
}

body.hkld-enabled .entry-content > h2,
body.hkld-enabled .cps-post-main-box h2 {
	position: relative;
	margin-top: 3.2em !important;
	padding: 0 0 0.65em 1.05em !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hkld-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
	font-weight: 600 !important;
	line-height: 1.5;
}

body.hkld-enabled .entry-content > h2::before,
body.hkld-enabled .cps-post-main-box h2::before {
	content: "" !important;
	position: absolute !important;
	top: 0.18em !important;
	bottom: 0.82em !important;
	left: 0 !important;
	width: 4px !important;
	height: auto !important;
	background: var(--hkld-wine) !important;
	border: 0 !important;
	border-radius: 0 !important;
	transform: none !important;
}

body.hkld-enabled .entry-content > h2::after,
body.hkld-enabled .cps-post-main-box h2::after {
	content: none !important;
}

body.hkld-enabled .entry-content > h3,
body.hkld-enabled .cps-post-main-box h3 {
	padding: 0.35em 0 0.35em 0.8em !important;
	background: transparent !important;
	border: 0 !important;
	border-left: 3px solid var(--hkld-indigo) !important;
	border-radius: 0 !important;
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
	font-weight: 600 !important;
}

body.hkld-enabled .entry-content > h3::before,
body.hkld-enabled .entry-content > h3::after,
body.hkld-enabled .cps-post-main-box h3::before,
body.hkld-enabled .cps-post-main-box h3::after {
	content: none !important;
}

body.hkld-enabled .entry-content blockquote,
body.hkld-enabled .cps-post-main blockquote {
	background: color-mix(in srgb, var(--hkld-paper) 72%, var(--hkld-surface)) !important;
	border: 0 !important;
	border-left: 3px solid var(--hkld-gold) !important;
	color: var(--hkld-ink) !important;
}

/* ---------- JIN content magazine and cards ---------- */

body.hkld-enabled .tabBtn-mag {
	border-bottom: 1px solid var(--hkld-border);
}

body.hkld-enabled .tabBtn-mag li label,
body.hkld-enabled .tabBtn-mag li a {
	background: transparent !important;
	border: 0 !important;
	color: var(--hkld-muted) !important;
	font-weight: 600;
}

body.hkld-enabled #tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
body.hkld-enabled #tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
body.hkld-enabled #tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
body.hkld-enabled #tab-4:checked ~ .tabBtn-mag li [for="tab-4"] {
	background: var(--hkld-wine) !important;
	color: #fff !important;
}

body.hkld-enabled #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]::after,
body.hkld-enabled #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]::after,
body.hkld-enabled #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]::after,
body.hkld-enabled #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]::after {
	background-color: var(--hkld-wine) !important;
	border-top-color: var(--hkld-wine) !important;
}

body.hkld-enabled .post-list-item,
body.hkld-enabled .related-entry-box {
	border: 1px solid var(--hkld-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	overflow: hidden;
}

body.hkld-enabled .post-list-title,
body.hkld-enabled .new-entry-item-title,
body.hkld-enabled .related-entry-title {
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
	font-weight: 600 !important;
	line-height: 1.6;
}

body.hkld-enabled .post-list-item:hover,
body.hkld-enabled .related-entry-box:hover {
	border-color: color-mix(in srgb, var(--hkld-wine) 45%, var(--hkld-border)) !important;
}

/* ---------- Sidebar ---------- */

body.hkld-enabled #sidebar .widget {
	margin-bottom: 1.35rem !important;
	padding: 1.25rem !important;
	border: 1px solid var(--hkld-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

body.hkld-enabled #sidebar .widgettitle,
body.hkld-enabled #sidebar .widget-title {
	margin: 0 0 1rem !important;
	padding: 0 0 0.65rem !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hkld-border) !important;
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
	font-weight: 600 !important;
}

body.hkld-enabled #sidebar .widget ul li {
	padding-block: 0.42rem;
	border-bottom: 1px solid color-mix(in srgb, var(--hkld-border) 65%, transparent);
}

.hkld-members {
	display: none;
	margin-bottom: 1.35rem;
	padding: 1.25rem;
	background: var(--hkld-surface);
	border: 1px solid var(--hkld-border);
	border-top: 3px solid var(--hkld-wine);
	border-radius: 4px;
	color: var(--hkld-ink);
}

.hkld-members.hkld-is-mounted {
	display: block;
}

.hkld-members__eyebrow {
	margin: 0;
	color: var(--hkld-wine);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.hkld-members h2 {
	margin: 0.35rem 0 0;
	color: var(--hkld-ink);
	font-family: var(--hkld-serif);
	font-size: 1.18rem;
	font-weight: 600;
}

.hkld-members__lead {
	margin: 0.65rem 0 1rem;
	color: var(--hkld-muted);
	font-size: 0.84rem;
	line-height: 1.7;
}

.hkld-members__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hkld-members__list li {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding-block: 0.6rem;
	border-top: 1px solid color-mix(in srgb, var(--hkld-border) 70%, transparent);
}

.hkld-members__list strong,
.hkld-members__list small {
	display: block;
}

.hkld-members__list strong {
	font-family: var(--hkld-serif);
	font-size: 0.92rem;
}

.hkld-members__list small {
	margin-top: 0.1rem;
	color: var(--hkld-muted);
	font-size: 0.72rem;
}

.hkld-members__mark {
	display: grid;
	place-items: center;
	flex: 0 0 2.35rem;
	width: 2.35rem;
	aspect-ratio: 1;
	border-radius: 50%;
	color: #fff;
	font-family: var(--hkld-serif);
	font-weight: 700;
}

.hkld-members__mark--hisago { background: var(--hkld-indigo); }
.hkld-members__mark--sensei { background: color-mix(in srgb, var(--hkld-gold) 82%, var(--hkld-ink)); }
.hkld-members__mark--kaika { background: var(--hkld-teal); }

/* ---------- Conversations ---------- */

body.hkld-enabled .chatting {
	margin-block: 1.8rem !important;
}

body.hkld-enabled .chatting .sc {
	background: color-mix(in srgb, var(--hkld-surface) 88%, var(--hkld-paper)) !important;
	border: 1px solid var(--hkld-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--hkld-ink) !important;
}

body.hkld-enabled .chatting .sc::before,
body.hkld-enabled .chatting .sc::after {
	filter: saturate(0.45);
}

body.hkld-enabled .chatting .chat-face img,
body.hkld-enabled .chatting .faceicon img {
	border: 2px solid var(--hkld-surface) !important;
	box-shadow: 0 0 0 1px var(--hkld-border) !important;
}

body.hkld-enabled .chatting .chat-name,
body.hkld-enabled .chatting .name {
	color: var(--hkld-muted) !important;
	font-weight: 600;
}

/* ---------- Buttons and affiliate blocks ---------- */

body.hkld-enabled .color-button01,
body.hkld-enabled .color-button02,
body.hkld-enabled .color-button01-big,
body.hkld-enabled .color-button02-big {
	width: min(100%, 34rem) !important;
	margin-inline: auto !important;
}

body.hkld-enabled .color-button01 a,
body.hkld-enabled .color-button02 a,
body.hkld-enabled .color-button01-big a,
body.hkld-enabled .color-button02-big a {
	padding: 0.95rem 1.25rem !important;
	background: var(--hkld-wine) !important;
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: #fff !important;
	font-weight: 700;
}

body.hkld-enabled .color-button01::before,
body.hkld-enabled .color-button02::before,
body.hkld-enabled .color-button01-big::before,
body.hkld-enabled .color-button02-big::before {
	content: none !important;
}

body.hkld-enabled .entry-content > div[style*="word-break"],
body.hkld-enabled .cps-post-main > div[style*="word-break"] {
	display: inline-block !important;
	width: calc(50% - 0.55rem) !important;
	margin: 0.25rem !important;
	vertical-align: top;
	background: var(--hkld-surface);
	border: 1px solid var(--hkld-border);
	border-radius: 4px;
}

/* ---------- Related posts, author area and footer ---------- */

body.hkld-enabled .related-entry-headline,
body.hkld-enabled #reply-title,
body.hkld-enabled #comment-title {
	color: var(--hkld-ink) !important;
	font-family: var(--hkld-serif);
}

body.hkld-enabled footer,
body.hkld-enabled #footer-box,
body.hkld-enabled #footer {
	background: var(--hkld-espresso) !important;
	color: color-mix(in srgb, var(--hkld-paper) 85%, transparent) !important;
}

body.hkld-enabled footer a,
body.hkld-enabled #footer-box a,
body.hkld-enabled #footer a {
	color: var(--hkld-paper) !important;
}

body.hkld-enabled footer .widgettitle,
body.hkld-enabled footer .widget-title {
	border-color: color-mix(in srgb, var(--hkld-gold) 65%, transparent) !important;
	color: var(--hkld-paper) !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 1023px) {
	.hkld-hero__copy {
		width: min(54%, 520px);
	}

	body.hkld-enabled .entry-content,
	body.hkld-enabled .cps-post-main {
		font-size: 16.5px;
	}
}

@media (max-width: 767px) {
	body.hkld-enabled #header-box {
		border-bottom-color: color-mix(in srgb, var(--hkld-paper) 18%, transparent) !important;
	}

	/* JINのPC用横ナビを隠し、#drawernav系のスマホメニューへ集約する。 */
	body.hkld-enabled #nav-container {
		display: none !important;
	}

	body.hkld-enabled #header-box #header {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box;
	}

	body.hkld-enabled .search-box,
	body.hkld-enabled .search-box *,
	body.hkld-enabled .sp-menu-open,
	body.hkld-enabled .sp-menu-open * {
		color: var(--hkld-paper) !important;
		border-color: var(--hkld-paper) !important;
	}

	body.hkld-enabled .search-box svg,
	body.hkld-enabled .sp-menu-open svg {
		fill: var(--hkld-paper) !important;
		stroke: var(--hkld-paper) !important;
	}

	body.hkld-enabled .search-box::before {
		border-color: var(--hkld-paper) !important;
	}

	body.hkld-enabled .search-box::after,
	body.hkld-enabled .cps-icon-bar,
	body.hkld-enabled .cps-icon-bar::before,
	body.hkld-enabled .cps-icon-bar::after {
		background-color: var(--hkld-paper) !important;
	}

	.hkld-hero--home,
	.hkld-hero--compact {
		min-height: 0;
	}

	.hkld-hero__media {
		position: relative;
		inset: auto;
		width: 100%;
		aspect-ratio: 2.15 / 1;
		background-position: 79% top;
		background-size: cover;
	}

	.hkld-hero--compact .hkld-hero__media {
		aspect-ratio: 2.5 / 1;
	}

	.hkld-hero__overlay {
		display: none;
	}

	.hkld-hero__inner {
		width: 100%;
		min-height: 0;
	}

	.hkld-hero__copy {
		width: 100%;
		padding: 1.6rem 1.25rem 1.9rem;
	}

	.hkld-hero__kicker {
		margin-bottom: 0.65rem;
	}

	.hkld-hero__title,
	.hkld-hero--compact .hkld-hero__title {
		font-size: clamp(1.75rem, 9vw, 2.45rem);
	}

	.hkld-hero__tagline {
		margin-top: 0.8rem;
	}

	.hkld-hero__description {
		margin-top: 0.7rem;
		font-size: 0.9rem;
	}

	body.hkld-enabled .cps-post-title,
	body.hkld-enabled .entry-title {
		font-size: clamp(1.35rem, 6vw, 1.8rem) !important;
	}

	body.hkld-enabled .entry-content,
	body.hkld-enabled .cps-post-main {
		font-size: 16px;
	}

	body.hkld-enabled .entry-content > div[style*="word-break"],
	body.hkld-enabled .cps-post-main > div[style*="word-break"] {
		display: block !important;
		width: 100% !important;
		margin: 0.55rem 0 !important;
	}
}

@media (max-width: 480px) {
	.hkld-hero__actions {
		display: grid;
	}

	.hkld-button {
		width: 100%;
	}

	body.hkld-enabled #sidebar .widget,
	.hkld-members {
		padding: 1rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hkld-button {
		transition: none;
	}
}