:root {
	--shiso-column-ink: #1f1430;
	--shiso-column-muted: #62596c;
	--shiso-column-primary: #8c20bb;
	--shiso-column-primary-dark: #6f1398;
	--shiso-column-primary-soft: #f6edfa;
	--shiso-column-green: #49a915;
	--shiso-column-green-dark: #2f7d10;
	--shiso-column-green-soft: #f1f9eb;
	--shiso-column-border: #e7ddee;
	--shiso-column-surface: #ffffff;
	--shiso-column-surface-soft: #fbf8fd;
	--shiso-column-shadow: 0 18px 44px rgba(58, 35, 67, 0.08);
}

body.shiso-column-body {
	background: #f5f5f5;
	color: var(--shiso-column-ink);
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
}

.shiso-column-single {
	background: var(--shiso-column-surface);
}

.shiso-column-single *,
.shiso-column-single *::before,
.shiso-column-single *::after {
	box-sizing: border-box;
}

/* Keep Elementor body links under Elementor/Active Kit control. */
.shiso-column-single a:not(.shiso-column-article__body *) {
	color: inherit;
	text-decoration: none;
}

/* Keep Elementor image widget display and alignment under Elementor control. */
.shiso-column-single img:not(.shiso-column-article__body--elementor-rendered *) {
	display: block;
	height: auto;
	max-width: 100%;
}

.shiso-column-shell {
	margin-inline: auto;
	width: min(100% - 48px, 1180px);
}

.shiso-column-eyebrow {
	color: var(--shiso-column-primary);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.4;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.shiso-column-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.shiso-column-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 8px;
	display: inline-flex;
	font-size: 0.95rem;
	font-weight: 800;
	gap: 12px;
	justify-content: center;
	line-height: 1.3;
	min-height: 54px;
	padding: 14px 24px;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.shiso-column-button--primary {
	background: var(--shiso-column-primary);
	color: #fff !important;
}

.shiso-column-button--primary:hover {
	background: var(--shiso-column-primary-dark);
	transform: translateY(-1px);
}

.shiso-column-button--secondary {
	background: #fff;
	border-color: var(--shiso-column-border);
	color: var(--shiso-column-ink) !important;
}

.shiso-column-button--secondary:hover {
	border-color: var(--shiso-column-primary);
	color: var(--shiso-column-primary-dark) !important;
	transform: translateY(-1px);
}

.shiso-column-text-link {
	align-items: center;
	color: var(--shiso-column-primary-dark) !important;
	display: inline-flex;
	font-size: 0.9rem;
	font-weight: 800;
	gap: 8px;
	margin-top: 18px;
	text-decoration: underline !important;
	text-decoration-color: rgba(111, 19, 152, 0.35) !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px;
}

.shiso-column-text-link:hover {
	color: var(--shiso-column-green-dark) !important;
}

.shiso-column-single :focus-visible {
	outline: 3px solid var(--shiso-column-primary-dark);
	outline-offset: 4px;
}

/* Related article cards */
.shiso-column-related__head {
	align-items: end;
	display: flex;
	gap: 32px;
	justify-content: space-between;
}

.shiso-column-related__head h2 {
	color: var(--shiso-column-ink);
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.3;
	margin: 0;
}

.shiso-column-grid {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shiso-column-card {
	background: #fff;
	border: 1px solid var(--shiso-column-border);
	border-radius: 10px;
	box-shadow: 0 10px 34px rgba(73, 43, 92, 0.055);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.shiso-column-card:hover {
	border-color: rgba(140, 32, 187, 0.35);
	box-shadow: 0 18px 46px rgba(73, 43, 92, 0.11);
	transform: translateY(-3px);
}

.shiso-column-card__media {
	background: var(--shiso-column-surface-soft);
	border-bottom: 1px solid var(--shiso-column-border);
	display: block;
	overflow: hidden;
}

.shiso-column-card__media > img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 240ms ease;
	width: 100%;
}

.shiso-column-card:hover .shiso-column-card__media > img {
	transform: scale(1.025);
}

.shiso-column-card__fallback {
	align-items: center;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(circle at 22% 28%, rgba(73, 169, 21, 0.13), transparent 35%),
		linear-gradient(135deg, var(--shiso-column-primary-soft), var(--shiso-column-green-soft));
	display: flex;
	justify-content: center;
}

.shiso-column-card__fallback img {
	opacity: 0.72;
	width: 54px;
}

.shiso-column-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px;
}

.shiso-column-card__topics,
.shiso-column-single-hero__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}

.shiso-column-card__topics a,
.shiso-column-single-hero__topics a {
	background: var(--shiso-column-primary-soft);
	border-radius: 999px;
	color: var(--shiso-column-primary-dark);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.3;
	padding: 6px 10px;
}

.shiso-column-card__topics a:hover,
.shiso-column-single-hero__topics a:hover {
	background: var(--shiso-column-green-soft);
	color: var(--shiso-column-green-dark);
}

.shiso-column-card__title {
	font-size: 1.16rem;
	font-weight: 800;
	letter-spacing: -0.018em;
	line-height: 1.55;
	margin: 0;
}

.shiso-column-card__title a:hover {
	color: var(--shiso-column-primary-dark);
}

.shiso-column-card__excerpt {
	color: var(--shiso-column-muted);
	font-size: 0.88rem;
	line-height: 1.85;
	margin: 14px 0 22px;
}

.shiso-column-card__meta {
	align-items: center;
	border-top: 1px solid var(--shiso-column-border);
	color: var(--shiso-column-muted);
	display: flex;
	font-size: 0.76rem;
	gap: 16px;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 16px;
}

.shiso-column-card__read {
	color: var(--shiso-column-primary-dark);
	font-weight: 800;
}

/* Product CTA */
.shiso-column-cta {
	align-items: center;
	background:
		linear-gradient(120deg, rgba(246, 237, 250, 0.96), rgba(241, 249, 235, 0.94)),
		url("../img/generated/shiso-hero-leaf-bg.png") right center / 48% auto no-repeat;
	border: 1px solid rgba(140, 32, 187, 0.17);
	border-radius: 10px;
	display: grid;
	gap: clamp(32px, 6vw, 72px);
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
	overflow: hidden;
	padding: clamp(34px, 5vw, 58px);
	position: relative;
}

.shiso-column-cta h2 {
	color: var(--shiso-column-ink);
	font-size: clamp(1.75rem, 3.5vw, 2.65rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.35;
	margin: 0;
	text-wrap: balance;
}

.shiso-column-cta__lead {
	color: var(--shiso-column-muted);
	font-size: 0.98rem;
	line-height: 1.9;
	margin: 18px 0 22px;
}

.shiso-column-cta__steps {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.shiso-column-cta__steps li {
	align-items: center;
	color: var(--shiso-column-ink);
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 800;
	gap: 7px;
}

.shiso-column-cta__steps span {
	align-items: center;
	background: #fff;
	border: 1px solid var(--shiso-column-border);
	border-radius: 50%;
	color: var(--shiso-column-primary-dark);
	display: inline-flex;
	font-size: 0.7rem;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.shiso-column-cta__media {
	background: #fff;
	border: 1px solid rgba(140, 32, 187, 0.16);
	border-radius: 10px;
	box-shadow: 0 24px 60px rgba(80, 40, 103, 0.17);
	margin: 0;
	overflow: hidden;
	padding: 8px;
	transform: rotate(1deg);
}

.shiso-column-cta__media img {
	aspect-ratio: 16 / 10;
	border: 1px solid var(--shiso-column-border);
	border-radius: 6px;
	object-fit: cover;
	object-position: top left;
	width: 100%;
}

/* Single article */
.shiso-column-single-hero {
	background: var(--shiso-column-surface);
	padding: 32px 0 54px;
}

.shiso-column-single-hero__inner {
	max-width: 1180px;
}

.shiso-column-single-hero__layout {
	align-items: center;
	display: grid;
	gap: clamp(36px, 5vw, 68px);
	grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
}

.shiso-column-single-hero__layout--without-media {
	grid-template-columns: minmax(0, 820px);
}

.shiso-column-single-hero__copy {
	min-width: 0;
	overflow-wrap: anywhere;
}

.shiso-column-breadcrumbs {
	margin-bottom: 34px;
}

.shiso-column-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.shiso-column-breadcrumbs li {
	color: var(--shiso-column-muted);
	font-size: 0.76rem;
	line-height: 1.5;
}

.shiso-column-breadcrumbs li:not(:last-child)::after {
	color: #9d91a7;
	content: "/";
	margin-left: 7px;
}

.shiso-column-breadcrumbs li:last-child {
	max-width: min(56vw, 520px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shiso-column-breadcrumbs a:hover {
	color: var(--shiso-column-primary-dark);
}

.shiso-column-single-hero h1 {
	color: var(--shiso-column-ink);
	font-size: clamp(2rem, 4.5vw, 3.65rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.28;
	margin: 0;
	text-wrap: balance;
}

.has-post-thumbnail .shiso-column-single-hero h1 {
	font-size: clamp(2rem, 3.6vw, 3.2rem);
}

.shiso-column-single-hero__lead {
	color: var(--shiso-column-muted);
	font-size: clamp(0.98rem, 1.45vw, 1.1rem);
	line-height: 1.95;
	margin: 26px 0 0;
	max-width: 680px;
}

.shiso-column-single-hero__meta {
	align-items: center;
	color: var(--shiso-column-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8rem;
	gap: 10px 22px;
	margin-top: 28px;
}

.shiso-column-single-hero__meta span {
	position: relative;
}

.shiso-column-single-hero__meta span::before {
	background: var(--shiso-column-border);
	border-radius: 50%;
	content: "";
	height: 4px;
	left: -13px;
	position: absolute;
	top: calc(50% - 2px);
	width: 4px;
}

.shiso-column-single-hero__media {
	align-items: center;
	aspect-ratio: 16 / 9;
	background: #fff;
	border: 1px solid var(--shiso-column-border);
	border-radius: 10px;
	box-shadow: var(--shiso-column-shadow);
	display: flex;
	justify-content: center;
	margin: 0;
	overflow: hidden;
}

.shiso-column-single-hero__media img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.shiso-column-single__top-cta {
	margin-top: 64px;
}

.shiso-column-single__top-cta .shiso-column-cta {
	padding-block: 42px;
}

.shiso-column-single__layout {
	align-items: start;
	display: grid;
	gap: clamp(36px, 5vw, 76px);
	grid-template-columns: minmax(0, 1fr) minmax(248px, 300px);
	margin-top: 80px;
	max-width: 1180px;
}

.shiso-column-single__main {
	min-width: 0;
}

.shiso-column-sidebar {
	align-self: start;
	display: grid;
	gap: 18px;
	max-height: calc(100dvh - 56px);
	min-width: 0;
	overflow-y: auto;
	padding-right: 7px;
	position: sticky;
	scrollbar-color: rgba(140, 32, 187, 0.32) transparent;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
	top: 28px;
}

.shiso-column-sidebar::-webkit-scrollbar {
	width: 6px;
}

.shiso-column-sidebar::-webkit-scrollbar-track {
	background: transparent;
}

.shiso-column-sidebar::-webkit-scrollbar-thumb {
	background: rgba(140, 32, 187, 0.32);
	border-radius: 999px;
}

.shiso-column-sidebar__panel {
	background: var(--shiso-column-surface);
	border: 1px solid var(--shiso-column-border);
	border-radius: 10px;
	box-shadow: 0 12px 36px rgba(73, 43, 92, 0.06);
	padding: 22px;
}

.shiso-column-sidebar__panel h2,
.shiso-column-sidebar__cta h2 {
	color: var(--shiso-column-ink);
	font-size: 1.08rem;
	letter-spacing: -0.015em;
	line-height: 1.5;
	margin: 0;
}

.shiso-column-sidebar__panel .shiso-column-eyebrow,
.shiso-column-sidebar__cta .shiso-column-eyebrow {
	margin-bottom: 8px;
}

.shiso-column-sidebar__panel--toc {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.shiso-column-sidebar__panel--toc .shiso-column-toc {
	margin: 0;
	max-height: none;
	overflow-y: visible;
	padding: 20px;
}

.shiso-column-sidebar__related-list {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.shiso-column-sidebar__related-list li {
	border-top: 1px solid var(--shiso-column-border);
}

.shiso-column-sidebar__related-list a {
	align-items: start;
	display: grid;
	gap: 11px;
	grid-template-columns: 88px minmax(0, 1fr);
	padding: 14px 0;
}

.shiso-column-sidebar__related-link--text-only {
	grid-template-columns: minmax(0, 1fr) !important;
}

.shiso-column-sidebar__related-list a:hover strong {
	color: var(--shiso-column-primary-dark);
}

.shiso-column-sidebar__related-thumb {
	aspect-ratio: 16 / 9;
	background: var(--shiso-column-primary-soft);
	border: 1px solid var(--shiso-column-border);
	border-radius: 6px;
	display: block;
	overflow: hidden;
}

.shiso-column-sidebar__related-thumb img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.shiso-column-sidebar__related-copy {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.shiso-column-sidebar__related-list strong {
	font-size: 0.78rem;
	line-height: 1.55;
	transition: color 160ms ease;
}

.shiso-column-sidebar__related-more {
	color: var(--shiso-column-primary-dark);
	font-size: 0.69rem;
	font-weight: 800;
}

.shiso-column-sidebar__empty {
	color: var(--shiso-column-muted);
	font-size: 0.8rem;
	line-height: 1.7;
	margin: 12px 0 0;
}

.shiso-column-sidebar__category-link {
	align-items: center;
	border-top: 1px solid var(--shiso-column-border);
	color: var(--shiso-column-primary-dark) !important;
	display: flex;
	font-size: 0.82rem;
	font-weight: 800;
	gap: 10px;
	justify-content: space-between;
	line-height: 1.55;
	margin-top: 14px;
	min-height: 44px;
	padding-top: 14px;
}

.shiso-column-sidebar__category-link:hover {
	color: var(--shiso-column-green-dark) !important;
}

.shiso-column-sidebar__cta {
	background:
		linear-gradient(145deg, rgba(246, 237, 250, 0.96), rgba(241, 249, 235, 0.9));
	border: 1px solid var(--shiso-column-border);
	border-radius: 10px;
	box-shadow: 0 12px 36px rgba(73, 43, 92, 0.08);
	padding: 22px;
}

.shiso-column-sidebar__cta > p:not(.shiso-column-eyebrow) {
	color: var(--shiso-column-muted);
	font-size: 0.79rem;
	line-height: 1.75;
	margin: 11px 0 18px;
}

.shiso-column-sidebar__cta .shiso-column-actions {
	align-items: stretch;
	display: grid;
	gap: 9px;
}

.shiso-column-sidebar__cta .shiso-column-button {
	font-size: 0.82rem;
	min-height: 46px;
	padding: 11px 12px;
	width: 100%;
}

.shiso-column-toc {
	background: var(--shiso-column-surface-soft);
	border: 1px solid var(--shiso-column-border);
	border-radius: 8px;
	margin: 0 0 50px;
	padding: 26px 28px;
}

.shiso-column-toc__head {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.shiso-column-toc__head > p {
	font-size: 1rem;
	font-weight: 800;
	margin: 0;
}

.shiso-column-toc__head button {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--shiso-column-primary-dark);
	cursor: pointer;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 800;
	min-height: 44px;
	padding: 8px 0;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.shiso-column-toc ol {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.shiso-column-toc li {
	line-height: 1.6;
}

.shiso-column-toc li.is-level-3 {
	padding-left: 18px;
}

.shiso-column-toc.is-collapsed li:nth-child(n+9) {
	display: none;
}

.shiso-column-toc a {
	color: var(--shiso-column-muted);
	font-size: 0.86rem;
	font-weight: 600;
}

.shiso-column-toc a:hover {
	color: var(--shiso-column-primary-dark);
}

.shiso-column-article__body {
	min-width: 0;
	overflow-wrap: anywhere;
}

.shiso-column-article__body--stored-snapshot {
	color: #342940;
	font-size: 1rem;
	line-height: 2.05;
}

.shiso-column-article__body--stored-snapshot > :first-child {
	margin-top: 0 !important;
}

.shiso-column-article__body--stored-snapshot > :last-child {
	margin-bottom: 0 !important;
}

.shiso-column-article__body--stored-snapshot p {
	margin: 0 0 1.55em;
}

.shiso-column-article__body--stored-snapshot h2,
.shiso-column-article__body--stored-snapshot .elementor-heading-title:is(h2) {
	border-left: 4px solid var(--shiso-column-primary);
	color: var(--shiso-column-ink);
	font-size: clamp(1.5rem, 3vw, 2rem) !important;
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.5 !important;
	margin: 3em 0 1.15em !important;
	padding: 0.12em 0 0.12em 0.75em;
	scroll-margin-top: 120px;
}

.shiso-column-article__body--stored-snapshot h3,
.shiso-column-article__body--stored-snapshot .elementor-heading-title:is(h3) {
	border-bottom: 1px solid var(--shiso-column-border);
	color: var(--shiso-column-ink);
	font-size: clamp(1.25rem, 2.4vw, 1.55rem) !important;
	font-weight: 800;
	line-height: 1.55 !important;
	margin: 2.35em 0 1em !important;
	padding-bottom: 0.45em;
	scroll-margin-top: 120px;
}

.shiso-column-article__body--stored-snapshot h4 {
	color: var(--shiso-column-ink);
	font-size: 1.08rem !important;
	font-weight: 800;
	line-height: 1.65 !important;
	margin: 2em 0 0.8em !important;
}

.shiso-column-article__body--stored-snapshot a {
	color: var(--shiso-column-primary-dark);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(111, 19, 152, 0.35);
	text-underline-offset: 4px;
}

.shiso-column-article__body--stored-snapshot a:hover {
	color: var(--shiso-column-green-dark);
}

.shiso-column-article__body--stored-snapshot ul,
.shiso-column-article__body--stored-snapshot ol {
	margin: 0 0 1.7em;
	padding-left: 1.5em;
}

.shiso-column-article__body--stored-snapshot li + li {
	margin-top: 0.45em;
}

.shiso-column-article__body--stored-snapshot blockquote {
	background: var(--shiso-column-primary-soft);
	border: 0;
	border-left: 4px solid var(--shiso-column-primary);
	border-radius: 0 8px 8px 0;
	color: var(--shiso-column-ink);
	margin: 2em 0;
	padding: 22px 26px;
}

.shiso-column-article__body--stored-snapshot blockquote > :last-child {
	margin-bottom: 0;
}

.shiso-column-article__body--stored-snapshot img {
	border-radius: 8px;
	height: auto;
	margin: 2em auto;
	max-width: 100% !important;
}

.shiso-column-article__body--stored-snapshot figure {
	margin: 2em 0;
	max-width: 100% !important;
	width: auto !important;
}

.shiso-column-article__body--stored-snapshot figcaption {
	color: var(--shiso-column-muted);
	font-size: 0.76rem;
	line-height: 1.6;
	margin-top: 9px;
	text-align: center;
}

.shiso-column-article__body--stored-snapshot table {
	border-collapse: collapse;
	display: block;
	margin: 2em 0;
	max-width: 100%;
	overflow-x: auto;
	width: max-content;
}

.shiso-column-article__body--stored-snapshot th,
.shiso-column-article__body--stored-snapshot td {
	border: 1px solid var(--shiso-column-border);
	min-width: 130px;
	padding: 12px 14px;
	text-align: left;
}

.shiso-column-article__body--stored-snapshot th {
	background: var(--shiso-column-surface-soft);
	color: var(--shiso-column-ink);
	font-weight: 800;
}

.shiso-column-article__body--stored-snapshot iframe,
.shiso-column-article__body--stored-snapshot video {
	border: 0;
	max-width: 100%;
}

/* Normalize semantic snapshots created by older Elementor editors. */
.shiso-column-article__body--stored-snapshot .elementor,
.shiso-column-article__body--stored-snapshot .elementor-section,
.shiso-column-article__body--stored-snapshot .elementor-container,
.shiso-column-article__body--stored-snapshot .elementor-column,
.shiso-column-article__body--stored-snapshot .elementor-widget-wrap,
.shiso-column-article__body--stored-snapshot .elementor-widget,
.shiso-column-article__body--stored-snapshot .elementor-element {
	display: block;
	max-width: 100% !important;
	min-height: 0 !important;
	position: static;
	transform: none !important;
	width: 100% !important;
}

.shiso-column-article__body--stored-snapshot .elementor-widget-container {
	max-width: 100% !important;
}

.shiso-column-article__body--stored-snapshot .elementor-spacer,
.shiso-column-article__body--stored-snapshot .elementor-widget-table-of-contents {
	display: none !important;
}

.shiso-column-page-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 36px 0 0;
}

.shiso-column-page-links__label {
	color: var(--shiso-column-muted);
	font-size: 0.8rem;
	font-weight: 800;
	margin-right: 4px;
}

.shiso-column-page-links .post-page-numbers {
	align-items: center;
	border: 1px solid var(--shiso-column-border);
	border-radius: 999px;
	color: var(--shiso-column-primary-dark);
	display: inline-flex;
	font-size: 0.82rem;
	font-weight: 800;
	justify-content: center;
	line-height: 1;
	min-height: 36px;
	min-width: 36px;
	padding: 0 11px;
}

.shiso-column-page-links a.post-page-numbers:hover {
	background: var(--shiso-column-primary-soft);
	border-color: var(--shiso-column-primary);
}

.shiso-column-page-links .post-page-numbers.current {
	background: var(--shiso-column-primary);
	border-color: var(--shiso-column-primary);
	color: #fff;
}

.shiso-column-author {
	align-items: start;
	border-top: 1px solid var(--shiso-column-border);
	display: grid;
	gap: 20px;
	grid-template-columns: 72px 1fr;
	margin-top: 72px;
	padding-top: 32px;
}

.shiso-column-author img {
	border: 1px solid var(--shiso-column-border);
	border-radius: 50%;
}

.shiso-column-author h2 {
	font-size: 1.12rem;
	margin: 0;
}

.shiso-column-author p:last-child {
	color: var(--shiso-column-muted);
	font-size: 0.83rem;
	line-height: 1.8;
	margin: 10px 0 0;
}

.shiso-column-next {
	margin-top: 72px;
	position: static;
}

.shiso-column-next__inner {
	aspect-ratio: 873 / 505;
	background-color: #fbf8fd;
	background-image: url("data:image/avif;base64,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");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 18px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.shiso-column-next h2 {
	color: var(--shiso-column-ink);
	font-size: clamp(1.75rem, 3.4vw, 2.5rem);
	font-weight: 800;
	left: 16%;
	letter-spacing: -0.025em;
	line-height: 1.35;
	margin: 0;
	position: absolute;
	top: 10.5%;
	text-wrap: balance;
	width: 68%;
}

.shiso-column-next__purple {
	color: var(--shiso-column-primary);
}

.shiso-column-next__green {
	color: var(--shiso-column-green);
}

.shiso-column-next__inner > p {
	color: var(--shiso-column-ink);
	font-size: clamp(0.78rem, 1.25vw, 0.95rem);
	font-weight: 500;
	left: 18%;
	letter-spacing: 0.01em;
	line-height: 1.95;
	margin: 0;
	position: absolute;
	top: 40.5%;
	width: 64%;
}

.shiso-column-next__primary {
	align-items: center;
	background: var(--shiso-column-primary);
	border-radius: 999px;
	box-shadow: 0 12px 30px rgba(140, 32, 187, 0.2);
	color: #fff !important;
	display: inline-flex;
	font-size: clamp(0.95rem, 1.5vw, 1.15rem);
	font-weight: 800;
	height: 13.1%;
	justify-content: center;
	left: 28%;
	line-height: 1.4;
	margin: 0;
	padding: 0 9%;
	position: absolute;
	top: 59.8%;
	transition: background-color 160ms ease, transform 160ms ease;
	width: 44%;
}

.shiso-column-next__primary > span {
	position: absolute;
	right: 7%;
}

.shiso-column-next__primary:hover {
	background: var(--shiso-column-primary-dark);
	transform: translateY(-1px);
}

.shiso-column-next__secondary {
	align-items: center;
	color: var(--shiso-column-primary) !important;
	display: inline-flex;
	font-size: clamp(0.88rem, 1.35vw, 1.05rem);
	font-weight: 800;
	gap: 8px;
	height: 9%;
	justify-content: center;
	left: 37%;
	line-height: 1.4;
	margin: 0;
	position: absolute;
	top: 76%;
	transition: color 160ms ease;
	width: 26%;
}

.shiso-column-next__secondary:hover {
	color: var(--shiso-column-green-dark) !important;
}

.shiso-column-next__inner > small {
	color: var(--shiso-column-muted);
	font-size: clamp(0.65rem, 0.95vw, 0.74rem);
	font-weight: 500;
	left: 24%;
	line-height: 1.5;
	margin: 0;
	position: absolute;
	top: 86%;
	width: 52%;
}

.shiso-column-next__primary:focus-visible,
.shiso-column-next__secondary:focus-visible {
	outline: 3px solid var(--shiso-column-primary-dark);
	outline-offset: 4px;
}

.shiso-column-related {
	background: var(--shiso-column-surface-soft);
	margin-top: 72px;
	padding: 64px 0 72px;
}

.shiso-column-related__head {
	margin-bottom: 24px;
}

.shiso-column-related__head .shiso-column-text-link {
	margin: 0 0 5px;
}

.shiso-column-related .shiso-column-grid {
	gap: 20px;
}

.shiso-column-related .shiso-column-card__media > img,
.shiso-column-related .shiso-column-card__fallback {
	aspect-ratio: 16 / 8;
}

.shiso-column-related .shiso-column-card__body {
	padding: 16px;
}

.shiso-column-related .shiso-column-card__topics {
	margin-bottom: 10px;
}

.shiso-column-related .shiso-column-card__title {
	font-size: 1rem;
	line-height: 1.5;
}

.shiso-column-related .shiso-column-card__excerpt {
	display: -webkit-box;
	font-size: 0.8rem;
	line-height: 1.7;
	margin: 10px 0 14px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.shiso-column-related .shiso-column-card__meta {
	font-size: 0.7rem;
	padding-top: 12px;
}

.shiso-column-single__final-cta {
	padding: 34px 0 76px;
}

@media (max-width: 1024px) {




	.shiso-column-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.shiso-column-cta {
		grid-template-columns: 1fr;
	}

	.shiso-column-cta__media {
		max-width: 680px;
	}

	.shiso-column-single-hero__layout {
		gap: 34px;
		grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
	}

	.shiso-column-single-hero__layout--without-media {
		grid-template-columns: minmax(0, 820px);
	}

	.shiso-column-single__layout {
		display: block;
		gap: 52px;
	}

	.shiso-column-sidebar {
		max-height: none;
		margin-top: 56px;
		overflow-y: visible;
		padding-right: 0;
		position: static;
		scrollbar-gutter: auto;
	}

	.shiso-column-sidebar__panel--toc .shiso-column-toc {
		max-height: none;
	}

	.shiso-column-next {
		position: static;
	}

	.shiso-column-next__inner {
		box-shadow: none;
	}
}

@media (max-width: 767px) {
	.shiso-column-shell {
		width: min(100% - 32px, 1180px);
	}





	.shiso-column-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.shiso-column-button {
		width: 100%;
	}











	.shiso-column-grid {
		grid-template-columns: 1fr;
	}

	.shiso-column-single__final-cta {
		padding-bottom: 80px;
		padding-top: 64px;
	}

	.shiso-column-cta {
		background-size: 100% auto;
		gap: 34px;
		padding: 30px 22px;
	}

	.shiso-column-cta__steps {
		align-items: flex-start;
		flex-direction: column;
	}

	.shiso-column-single-hero {
		padding: 28px 0 36px;
	}

	.shiso-column-single-hero__layout,
	.shiso-column-single-hero__layout--without-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.shiso-column-single-hero__media {
		margin-top: 2px;
	}

	.shiso-column-breadcrumbs {
		margin-bottom: 26px;
	}

	.shiso-column-breadcrumbs li:last-child {
		max-width: 50vw;
	}

	.shiso-column-single-hero h1 {
		font-size: clamp(1.9rem, 9vw, 2.75rem);
	}

	.has-post-thumbnail .shiso-column-single-hero h1 {
		font-size: clamp(1.9rem, 9vw, 2.75rem);
	}

	.shiso-column-single__top-cta {
		margin-top: 42px;
	}

	.shiso-column-single__layout {
		margin-top: 58px;
	}

	.shiso-column-toc {
		margin-bottom: 40px;
		padding: 22px 20px;
	}

	.shiso-column-article__body--stored-snapshot {
		font-size: 1rem;
		line-height: 1.95;
	}

	.shiso-column-article__body--stored-snapshot h2,
	.shiso-column-article__body--stored-snapshot .elementor-heading-title:is(h2) {
		font-size: 1.45rem !important;
		margin-top: 2.6em !important;
	}

	.shiso-column-article__body--stored-snapshot h3,
	.shiso-column-article__body--stored-snapshot .elementor-heading-title:is(h3) {
		font-size: 1.2rem !important;
	}

	.shiso-column-next__inner {
		align-items: center;
		aspect-ratio: auto;
		background-position: center;
		background-size: cover;
		display: flex;
		flex-direction: column;
		min-height: 500px;
		padding: 44px 20px 36px;
	}

	.shiso-column-next h2,
	.shiso-column-next__inner > p,
	.shiso-column-next__primary,
	.shiso-column-next__secondary,
	.shiso-column-next__inner > small {
		left: auto;
		position: static;
		top: auto;
	}

	.shiso-column-next h2 {
		font-size: clamp(1.9rem, 9vw, 2.35rem);
		width: 100%;
	}

	.shiso-column-next__inner > p {
		font-size: 0.88rem;
		margin-top: 24px;
		width: 100%;
	}

	.shiso-column-next__primary {
		font-size: 1.05rem;
		height: auto;
		margin-top: 30px;
		min-height: 62px;
		padding: 14px 56px;
		width: 100%;
	}

	.shiso-column-next__secondary {
		height: auto;
		margin-top: 14px;
		min-height: 44px;
		width: auto;
	}

	.shiso-column-next__inner > small {
		font-size: 0.69rem;
		margin-top: 6px;
		width: 100%;
	}

	.shiso-column-related {
		margin-top: 56px;
		padding: 48px 0 56px;
	}

	.shiso-column-single__final-cta {
		padding: 28px 0 56px;
	}

	.shiso-column-related__head .shiso-column-text-link {
		align-self: flex-start;
	}
}

@media (max-width: 360px) {
	body.shiso-column-body #site-header.shiso-site-header .shiso-site-header__inner {
		min-width: 0;
	}

	body.shiso-column-body #site-header.shiso-site-header .shiso-site-header__mobile-toggle {
		flex: 0 0 40px !important;
		max-width: 40px !important;
		min-width: 40px !important;
		width: 40px !important;
	}

	body.shiso-column-body #site-header.shiso-site-header .shiso-site-header__mobile-toggle > span:not(.dashicons) {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.shiso-column-single *,
	.shiso-column-single *::before,
	.shiso-column-single *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

@media print {
	.shiso-column-single__top-cta,
	.shiso-column-next,
	.shiso-column-sidebar,
	.shiso-column-related,
	.shiso-column-single__final-cta {
		display: none !important;
	}

	.shiso-column-single__layout {
		display: block;
		margin-top: 40px;
	}

	.shiso-column-article__body--stored-snapshot {
		color: #000;
	}
}