/*
 * ALPHA-POST — single alpha_post (single-alpha_post.php). The page shell, topic
 * accent, hero, Nova Finda, sponsor row, white panels, related rows and
 * sidebar come from alpha-category.css (.wmsf-alpha-category--v2, loaded on
 * this view too). This file adds only what an article needs, nested under
 * .wmsf-alpha-post. Breakpoints follow the parent (576 / 768 / 992).
 */

/* ---- Hero ---------------------------------------------------------------- */

.wmsf-alpha-post a.wmsf-alpha-category__eyebrow { text-decoration: none; transition: background-color .2s ease; }
.wmsf-alpha-post a.wmsf-alpha-category__eyebrow:focus-visible { outline: 2px solid var(--tp); outline-offset: 2px; }
.wmsf-alpha-post .wmsf-alpha-post__title {
	max-width: 30ch;
	font-size: clamp(28px, 4.2vw, 42px);
	line-height: 1.22;
}
.wmsf-alpha-post .wmsf-alpha-post__meta {
	margin-top: 14px;
	color: var(--wmsf-ink-3);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}
.wmsf-alpha-post .wmsf-alpha-post__lead { max-width: 62ch; margin-top: 16px; }

/* ---- Article panel ------------------------------------------------------- */

.wmsf-alpha-post .wmsf-alpha-post__article { padding: 20px; }

.wmsf-alpha-post .wmsf-alpha-post__content {
	color: var(--wmsf-ink);
	font-size: 16.5px;
	line-height: 1.85;
	letter-spacing: -0.01em;
	overflow-wrap: break-word;
}
.wmsf-alpha-post .wmsf-alpha-post__content > * + * { margin-top: 1.1em; }
.wmsf-alpha-post .wmsf-alpha-post__content :is(h2, h3, h4) {
	color: var(--wmsf-ink);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.35;
}
.wmsf-alpha-post .wmsf-alpha-post__content > :is(h2, h3, h4):not(:first-child) { margin-top: 1.9em; }
.wmsf-alpha-post .wmsf-alpha-post__content h2 { font-size: 21px; }
.wmsf-alpha-post .wmsf-alpha-post__content h3 { font-size: 18.5px; }
.wmsf-alpha-post .wmsf-alpha-post__content h4 { font-size: 16.5px; }
.wmsf-alpha-post .wmsf-alpha-post__content :is(ul, ol) { padding-left: 1.4em; }
.wmsf-alpha-post .wmsf-alpha-post__content ul { list-style: disc; }
.wmsf-alpha-post .wmsf-alpha-post__content ol { list-style: decimal; }
.wmsf-alpha-post .wmsf-alpha-post__content li + li { margin-top: .4em; }
.wmsf-alpha-post .wmsf-alpha-post__content li::marker { color: var(--tp-text); }
.wmsf-alpha-post .wmsf-alpha-post__content a { color: var(--wmsf-accent-text); text-decoration: underline; text-underline-offset: 3px; }
.wmsf-alpha-post .wmsf-alpha-post__content strong { font-weight: 700; }
.wmsf-alpha-post .wmsf-alpha-post__content blockquote {
	margin-inline: 0;
	padding: 4px 0 4px 18px;
	border-left: 3px solid var(--tp);
	color: var(--wmsf-ink-2);
}
.wmsf-alpha-post .wmsf-alpha-post__content :is(img, video, iframe) { max-width: 100%; height: auto; border-radius: 14px; }
.wmsf-alpha-post .wmsf-alpha-post__content figure { margin-inline: 0; }
.wmsf-alpha-post .wmsf-alpha-post__content figcaption { margin-top: 8px; color: var(--wmsf-ink-3); font-size: 13.5px; }
.wmsf-alpha-post .wmsf-alpha-post__content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.wmsf-alpha-post .wmsf-alpha-post__content :is(th, td) { padding: 10px 12px; border-bottom: 1px solid var(--wmsf-line); text-align: left; vertical-align: top; }
.wmsf-alpha-post .wmsf-alpha-post__content th { background: var(--wmsf-bg-2); font-weight: 700; }

.wmsf-alpha-post .wmsf-alpha-post__article .wmsf-alpha-category__spon { margin-top: 32px; }

/* ---- Disclaimer + reference ---------------------------------------------- */

.wmsf-alpha-post .wmsf-alpha-post__disclaimer {
	display: grid;
	gap: 10px;
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid var(--wmsf-line);
	color: var(--wmsf-ink-3);
	font-size: 13.5px;
	line-height: 1.7;
}
.wmsf-alpha-post .wmsf-alpha-post__disclaimer :is(h2) { color: var(--wmsf-ink-2); font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
.wmsf-alpha-post .wmsf-alpha-post__reference-heading { margin-top: 8px; }
.wmsf-alpha-post .wmsf-alpha-post__disclaimer a { color: var(--wmsf-ink-2); text-decoration: underline; text-underline-offset: 3px; }
.wmsf-alpha-post .wmsf-alpha-post__reference { word-break: break-all; }

/* ---- Breakpoints (mobile first, as the parent) ---------------------------- */

@media (min-width: 576px) {
	.wmsf-alpha-post .wmsf-alpha-post__article { padding: clamp(24px, 3.4vw, 44px); }
}

@media (min-width: 768px) {
	.wmsf-alpha-post .wmsf-alpha-post__content { font-size: 17px; }
	.wmsf-alpha-post .wmsf-alpha-post__content h2 { font-size: 23px; }
	.wmsf-alpha-post .wmsf-alpha-post__content h3 { font-size: 19.5px; }
}

@media (hover: hover) and (pointer: fine) {
	.wmsf-alpha-post a.wmsf-alpha-category__eyebrow:hover { background: color-mix(in srgb, var(--tp) 16%, transparent); }
	.wmsf-alpha-post .wmsf-alpha-post__content a:hover { text-decoration-thickness: 2px; }
}

/* =========================================================================
 * .wmsf-alpha-post--ps — the .design/post.html layout (wmsf_post_redesign_on()),
 * single alpha_post + Nova Finda answer pages: AI band over a single-column
 * article. The site accent replaces the topic accent; the band's Finda keeps
 * the topic-search styles from alpha-category.css. Mobile first, 768px up.
 * ====================================================================== */

.wmsf-alpha-category--v2.wmsf-alpha-post--ps {
	--tp: var(--wmsf-accent);
	--tp-text: var(--wmsf-accent-text);
	--tp-tint: var(--wmsf-accent-tint);
	--tp-2: var(--wmsf-sp-blue);
	padding-top: 0;
}
.wmsf-alpha-category--v2.wmsf-alpha-post--ps::before { content: none; }

/* ---- AI band ------------------------------------------------------------- */

.wmsf-alpha-post--ps .wmsf-alpha-post__band {
	position: relative;
	isolation: isolate;
	padding: clamp(112px, 14vh, 136px) 0 clamp(28px, 3.4vw, 40px);
	border-bottom: 1px solid var(--wmsf-line);
	background:
		radial-gradient(48% 90% at 92% 0%, color-mix(in srgb, var(--wmsf-sp-blue) 14%, transparent), transparent 70%),
		radial-gradient(40% 80% at 4% 10%, color-mix(in srgb, var(--wmsf-accent) 12%, transparent), transparent 70%),
		var(--wmsf-bg-2);
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: radial-gradient(color-mix(in srgb, var(--wmsf-ink) 14%, transparent) 1px, transparent 1.4px);
	background-size: 18px 18px;
	-webkit-mask: linear-gradient(#000, transparent 85%);
	mask: linear-gradient(#000, transparent 85%);
	pointer-events: none;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band-copy { max-width: 760px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--wmsf-accent-text);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .02em;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band-eyebrow .wmsf-i { width: 16px; height: 16px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band-h {
	margin-top: 8px;
	color: var(--wmsf-ink);
	font-size: clamp(22px, 2.6vw, 30px);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.25;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-ask { max-width: 680px; margin-top: 18px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band .nova-finda > .nf-tp-chips { order: 1; align-items: center; margin-top: 14px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-chips::before {
	content: "자주 묻는 질문";
	width: 100%;
	margin-right: 2px;
	color: var(--wmsf-ink-3);
	font-size: 13px;
	font-weight: 700;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-chip {
	height: 34px;
	padding: 0 14px;
	background: color-mix(in srgb, var(--wmsf-bg) 85%, transparent);
	font-size: 13.5px;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-chip svg { display: none; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band.is-thread .wmsf-alpha-post__band-copy { max-width: 860px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band.is-thread [data-wmsf-idle] { display: none; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band.is-thread .nf-tp-ask { margin-top: 20px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__band:not(.is-thread) .nf-stage { display: none; }

/* ---- Article ------------------------------------------------------------- */

.wmsf-alpha-post--ps .wmsf-alpha-post__art {
	width: min(720px, calc(100% - 32px));
	margin: 0 auto;
	padding: clamp(32px, 5vw, 56px) 0 clamp(48px, 7vw, 88px);
}
/* No band (Finda unavailable): clear the floating header. */
.wmsf-alpha-post--ps > .wmsf-alpha-post__art:first-child { padding-top: clamp(112px, 14vh, 136px); }

.wmsf-alpha-post--ps .wmsf-alpha-post__crumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	color: var(--wmsf-ink-3);
	font-size: 13px;
	font-weight: 600;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__crumb a { color: var(--wmsf-ink-2); text-decoration: none; }
.wmsf-alpha-post--ps .wmsf-alpha-post__crumb .wmsf-i { width: 12px; height: 12px; }

.wmsf-alpha-post--ps .wmsf-alpha-post__info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin-top: 18px;
	color: var(--wmsf-ink-3);
	font-size: 13.5px;
	font-weight: 600;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__info time { font-variant-numeric: tabular-nums; }
.wmsf-alpha-post--ps .wmsf-alpha-post__cat {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 10px;
	border-radius: 8px;
	background: var(--wmsf-accent-tint);
	color: var(--wmsf-accent-text);
	font-size: 12.5px;
	font-weight: 800;
	text-decoration: none;
}

.wmsf-alpha-post--ps .wmsf-alpha-post__h1 {
	margin-top: 14px;
	color: var(--wmsf-ink);
	font-size: clamp(30px, 4.4vw, 42px);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.22;
	text-wrap: balance;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__intro {
	margin-top: 16px;
	color: var(--wmsf-ink-2);
	font-size: 17px;
	font-weight: 500;
	line-height: 1.7;
	text-wrap: pretty;
}

/* Body: editor content (alpha_post) or the AI answer paragraphs (answers). */
.wmsf-alpha-post--ps .wmsf-alpha-post__body {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid var(--wmsf-line);
	color: var(--wmsf-ink);
	font-size: 16px;
	line-height: 1.85;
	overflow-wrap: break-word;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__body > * + * { margin-top: 18px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body :is(h2, h3, h4) { color: var(--wmsf-ink); font-weight: 800; letter-spacing: -0.03em; line-height: 1.4; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body > :is(h2, h3, h4):not(:first-child) { margin-top: 36px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body h2 { font-size: 22px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body h3 { font-size: 19px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body h4 { font-size: 17px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body ul { display: grid; gap: 10px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body ul > li { position: relative; padding-left: 20px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body ul > li::before {
	content: "";
	position: absolute;
	top: .78em;
	left: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--wmsf-accent);
}
.wmsf-alpha-post--ps .wmsf-alpha-post__body ol { display: grid; gap: 10px; padding-left: 1.4em; list-style: decimal; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body ol > li::marker { color: var(--wmsf-accent-text); font-weight: 800; }
/* Content rules skip the sponsor slot: its card styles ship with Nova Lista. */
.wmsf-alpha-post--ps .wmsf-alpha-post__body a:not(.wmsf-alpha-post__spon *) { color: var(--wmsf-accent-text); text-decoration: underline; text-underline-offset: 3px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body strong { font-weight: 800; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body blockquote {
	margin-inline: 0;
	padding: 4px 0 4px 18px;
	border-left: 3px solid var(--wmsf-accent);
	color: var(--wmsf-ink-2);
}
.wmsf-alpha-post--ps .wmsf-alpha-post__body :is(img, video, iframe):not(.wmsf-alpha-post__spon *) { max-width: 100%; height: auto; border-radius: 14px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body figure { margin-inline: 0; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body figcaption { margin-top: 8px; color: var(--wmsf-ink-3); font-size: 13.5px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body table { width: 100%; border-collapse: collapse; font-size: 15px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body :is(th, td) { padding: 10px 12px; border-bottom: 1px solid var(--wmsf-line); text-align: left; vertical-align: top; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body th { background: var(--wmsf-bg-2); font-weight: 700; }
.wmsf-alpha-post--ps .wmsf-alpha-post__body a.nf-cite {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	margin-left: 3px;
	padding: 0 5px;
	border-radius: 6px;
	background: var(--wmsf-accent-tint);
	color: var(--wmsf-accent-text);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	vertical-align: 2px;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__body .nf-cite sup { font-size: inherit; vertical-align: baseline; }

/* In-article sponsor slot (Nova Lista "In-article sponsor"; card styles ship with the plugin). */
.wmsf-alpha-post--ps .wmsf-alpha-post__body > .wmsf-alpha-post__spon { margin-block: 32px; }

/* Cited sources (answers) */
.wmsf-alpha-post--ps .wmsf-alpha-post__sources { margin-top: 32px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__sources ol { display: grid; gap: 8px; margin-top: 12px; padding-left: 1.4em; list-style: decimal; color: var(--wmsf-ink-3); font-size: 14.5px; line-height: 1.55; }
.wmsf-alpha-post--ps .wmsf-alpha-post__sources a { color: var(--wmsf-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__sources span { margin-left: 4px; font-size: 13px; }

.wmsf-alpha-post--ps .wmsf-alpha-post__disc { margin-top: 32px; color: var(--wmsf-ink-3); font-size: 13.5px; line-height: 1.6; }
.wmsf-alpha-post--ps .wmsf-alpha-post__disc a { color: var(--wmsf-ink-2); text-underline-offset: 3px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__src { margin-top: 6px; font-size: 13.5px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__src a { color: var(--wmsf-ink-2); font-weight: 700; text-underline-offset: 3px; word-break: break-all; }

/* ---- Answer pages (.wmsf-alpha-post--answer, nova-finda/answer-single-ps.php)
 * Variant of the post layout: 핵심 답변 card, the rest of the answer as
 * points, source cards, a CPA prompt and a boxed disclaimer, with more air
 * between them than an article needs. ---------------------------------- */

.wmsf-alpha-post--answer .wmsf-alpha-post__body { margin-top: 24px; padding-top: 0; border-top: 0; }
.wmsf-alpha-post--answer .wmsf-alpha-post__body > * + * { margin-top: 0; }

.wmsf-alpha-post--answer .wmsf-alpha-post__ans {
	padding: 18px 18px 20px;
	border: 1px solid color-mix(in srgb, var(--wmsf-accent) 22%, var(--wmsf-line));
	border-radius: 20px;
	background: linear-gradient(135deg, var(--wmsf-accent-tint), color-mix(in srgb, var(--wmsf-accent-tint) 35%, var(--wmsf-bg)));
}
.wmsf-alpha-post--answer .wmsf-alpha-post__ans-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	color: var(--wmsf-ink-3);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__ans-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 26px;
	padding: 0 10px;
	border-radius: var(--wmsf-r-pill);
	background: var(--wmsf-accent);
	color: var(--wmsf-accent-ink);
	font-size: 12.5px;
	font-weight: 800;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__ans-badge .wmsf-i { width: 14px; height: 14px; }
.wmsf-alpha-post--answer .wmsf-alpha-post__ans-tldr {
	margin-top: 12px;
	color: var(--wmsf-ink);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.015em;
	line-height: 1.7;
	text-wrap: pretty;
}

.wmsf-alpha-post--answer .wmsf-alpha-post__ans-h {
	margin-top: 44px;
	color: var(--wmsf-ink);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.4;
}

.wmsf-alpha-post--answer .wmsf-alpha-post__body ul.wmsf-alpha-post__points { gap: 0; margin-top: 8px; }
.wmsf-alpha-post--answer .wmsf-alpha-post__body .wmsf-alpha-post__points > li {
	padding: 14px 0 14px 32px;
	border-bottom: 1px solid var(--wmsf-line);
	line-height: 1.8;
	text-wrap: pretty;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__body .wmsf-alpha-post__points > li:last-child { border-bottom: 0; }
.wmsf-alpha-post--answer .wmsf-alpha-post__body .wmsf-alpha-post__points > li::before {
	top: calc(14px + .9em - 9px);
	left: 0;
	width: 18px;
	height: 18px;
	background: var(--wmsf-accent-tint) radial-gradient(circle, var(--wmsf-accent) 0 3px, transparent 3.5px);
}

/* Cites read as quiet footnote chips rather than a second line of text. */
.wmsf-alpha-post--answer .wmsf-alpha-post__body a.nf-cite {
	min-width: 18px;
	height: 18px;
	margin-left: 2px;
	padding: 0 4px;
	border-radius: 5px;
	background: var(--wmsf-bg-2);
	color: var(--wmsf-ink-3);
	font-size: 11px;
	vertical-align: 3px;
	transition: background-color .15s ease, color .15s ease;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__body > .wmsf-alpha-post__spon { margin-block: 36px 0; }

.wmsf-alpha-post--answer .wmsf-alpha-post__sources { margin-top: 0; }
.wmsf-alpha-post--answer .wmsf-alpha-post__sources ol.wmsf-alpha-post__src-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__src-list a {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	height: 100%;
	padding: 13px 14px;
	border: 1px solid var(--wmsf-line);
	border-radius: 14px;
	background: var(--wmsf-bg);
	color: var(--wmsf-ink);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .2s ease;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__src-n {
	flex: none;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--wmsf-bg-2);
	color: var(--wmsf-ink-2);
	font-size: 12px;
	font-weight: 800;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__src-t { display: grid; gap: 2px; min-width: 0; line-height: 1.45; }
.wmsf-alpha-post--answer .wmsf-alpha-post__src-t b { color: var(--wmsf-ink-3); font-size: 12.5px; font-weight: 700; }
.wmsf-alpha-post--answer .wmsf-alpha-post__src-t span {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14.5px;
	font-weight: 600;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.wmsf-alpha-post--answer .wmsf-alpha-post__src-list .wmsf-i { flex: none; width: 15px; height: 15px; margin: 4px 0 0 auto; color: var(--wmsf-ink-3); }
.wmsf-alpha-post--answer .wmsf-alpha-post__src-list a:focus-visible { outline: 2px solid var(--wmsf-accent); outline-offset: 2px; }

.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 20px;
	margin-top: 40px;
	padding: 18px 20px;
	border-radius: 20px;
	background: var(--wmsf-bg-2);
}
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa p { display: grid; gap: 2px; line-height: 1.5; }
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa b { color: var(--wmsf-ink); font-size: 16px; font-weight: 800; letter-spacing: -0.02em; }
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa p span { color: var(--wmsf-ink-2); font-size: 14px; }
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 44px;
	padding: 0 18px;
	border-radius: var(--wmsf-r-pill);
	background: var(--wmsf-accent);
	color: var(--wmsf-accent-ink);
	font-size: 14.5px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color .2s ease, transform .15s var(--wmsf-ease-out);
}
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa-btn .wmsf-i { width: 18px; height: 18px; }
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa-btn:active { transform: scale(.97); }
.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa-btn:focus-visible { outline: 2px solid var(--wmsf-accent); outline-offset: 3px; }

.wmsf-alpha-post--answer .wmsf-alpha-post__disc {
	margin-top: 14px;
	padding: 0 4px;
	font-size: 13px;
}

/* ---- 관련 글 cards ------------------------------------------------------- */

.wmsf-alpha-post--ps .wmsf-alpha-post__rel { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--wmsf-line); }
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-h { color: var(--wmsf-accent-text); font-size: 15px; font-weight: 800; }
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 14px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card {
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 16px 18px;
	border: 1px solid var(--wmsf-line);
	border-radius: 16px;
	background: var(--wmsf-bg);
	color: var(--wmsf-ink);
	text-decoration: none;
	transition: border-color .15s ease, transform .25s var(--wmsf-ease-out), box-shadow .25s ease;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card .wmsf-alpha-post__info { margin: 0; font-size: 12.5px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card .wmsf-alpha-post__cat { height: 22px; padding: 0 8px; font-size: 11.5px; }
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-title {
	display: -webkit-box;
	overflow: hidden;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.45;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card:focus-visible { outline: 2px solid var(--wmsf-accent); outline-offset: 2px; }

@media (min-width: 768px) {
	.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-chips::before { width: auto; }
	.wmsf-alpha-post--ps .wmsf-alpha-post__intro { font-size: 18.5px; }
	.wmsf-alpha-post--ps .wmsf-alpha-post__body { font-size: 17px; }
	.wmsf-alpha-post--ps .wmsf-alpha-post__rel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wmsf-alpha-post--answer .wmsf-alpha-post__ans { padding: 22px 26px 24px; }
	.wmsf-alpha-post--answer .wmsf-alpha-post__ans-tldr { font-size: 19.5px; }
	.wmsf-alpha-post--answer .wmsf-alpha-post__sources ol.wmsf-alpha-post__src-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa { padding: 20px 24px; }
}

@media (hover: hover) and (pointer: fine) {
	.wmsf-alpha-post--ps .wmsf-alpha-post__band .nf-tp-chip:hover { border-color: var(--wmsf-accent); background: color-mix(in srgb, var(--wmsf-bg) 85%, transparent); color: var(--wmsf-ink); }
	.wmsf-alpha-post--ps .wmsf-alpha-post__crumb a:hover { color: var(--wmsf-accent-text); }
	.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card:hover { border-color: var(--wmsf-line-2); box-shadow: var(--wmsf-shadow-1); transform: translateY(-2px); }
	.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card:hover .wmsf-alpha-post__rel-title { color: var(--wmsf-accent-text); }
	.wmsf-alpha-post--answer .wmsf-alpha-post__body a.nf-cite:hover { background: var(--wmsf-accent-tint); color: var(--wmsf-accent-text); }
	.wmsf-alpha-post--answer .wmsf-alpha-post__src-list a:hover { border-color: var(--wmsf-accent); box-shadow: var(--wmsf-shadow-1); }
	.wmsf-alpha-post--answer .wmsf-alpha-post__ask-cpa-btn:hover { background: var(--wmsf-accent-hover); }
}

@media (prefers-reduced-motion: reduce) {
	.wmsf-alpha-post--ps :is(.wmsf-alpha-post__rel-card, .wmsf-alpha-post__band .nf-tp-chip) { transition: none; }
	.wmsf-alpha-post--ps .wmsf-alpha-post__rel-card:hover { transform: none; }
}