/** VNLR editorial article contract 6.1.1. This is the only active article layout. */
.vnlr-analysis-article--editorial {
	--vnlr-article-accent: #b4232d;
	--vnlr-article-ink: #182230;
	--vnlr-article-muted: #526178;
	--vnlr-article-line: #dfe4ea;
	--vnlr-article-soft: #f7f8fa;
	container-name: vnlr-article;
	container-type: inline-size;
	display: grid;
	gap: clamp(16px, 3cqi, 28px);
	max-width: 1180px;
	margin-inline: auto;
	color: var(--vnlr-article-ink);
	font-family: "Be Vietnam Pro", Arial, sans-serif;
}
.vnlr-analysis-article--editorial :lang(en) { font-family: Roboto, Arial, sans-serif; }
.vnlr-analysis-article--editorial :lang(zh-TW) { font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif; }
.vnlr-analysis-article--editorial > * {
	min-width: 0;
	margin: 0;
	border: 1px solid var(--vnlr-article-line);
	border-radius: 18px;
	background: #fff;
}
.vnlr-article-hero {
	padding: clamp(24px, 5cqi, 52px);
	background: linear-gradient(135deg, #fff, #fff1f2);
}
.vnlr-article-eyebrow,
.vnlr-section-kicker {
	margin: 0 0 8px;
	color: var(--vnlr-article-accent);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.vnlr-article-hero h2,
.vnlr-section-heading h3,
.vnlr-caution-panel h3,
.vnlr-faq-panel h3 { margin: 0; color: var(--vnlr-article-ink); line-height: 1.2; }
.vnlr-article-lead { max-width: 78ch; margin: 16px 0 0; color: var(--vnlr-article-muted); font-size: clamp(1rem, 2.2cqi, 1.2rem); line-height: 1.75; }
.vnlr-article-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 24px 0 0; }
.vnlr-article-meta div { padding: 12px 14px; border: 1px solid var(--vnlr-article-line); border-radius: 12px; background: rgba(255,255,255,.8); }
.vnlr-article-meta dt { color: var(--vnlr-article-muted); font-size: .75rem; }
.vnlr-article-meta dd { margin: 4px 0 0; font-weight: 750; }
.vnlr-prediction-section,
.vnlr-insight-section,
.vnlr-faq-panel,
.vnlr-caution-panel { padding: clamp(20px, 4cqi, 36px); }
.vnlr-featured-pick { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr); gap: 24px; margin-top: 20px; padding: 22px; border-radius: 16px; background: var(--vnlr-article-ink); color: #fff; }
.vnlr-pick-identity { display: grid; align-content: start; gap: 7px; }
.vnlr-pick-identity strong { font-size: clamp(2.5rem, 8cqi, 5rem); line-height: 1; }
.vnlr-pick-rank { white-space: nowrap; color: #fda4af; font-size: .78rem; font-weight: 800; }
.vnlr-pick-label { color: #d0d5dd; }
.vnlr-pick-copy h4 { margin: 0 0 8px; color: #fff; }
.vnlr-pick-copy p { margin: 0; color: #e4e7ec; line-height: 1.7; }
.vnlr-secondary-picks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 12px 0 0; list-style: none; }
.vnlr-pick-card { min-width: 0; padding: 16px; border: 1px solid var(--vnlr-article-line); border-radius: 14px; background: var(--vnlr-article-soft); }
.vnlr-pick-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vnlr-pick-card__heading strong { color: var(--vnlr-article-accent); font-size: 1.8rem; }
.vnlr-pick-card p { margin: 10px 0 0; color: var(--vnlr-article-muted); line-height: 1.65; }
.vnlr-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.vnlr-insight-grid article { padding: 18px; border-radius: 14px; background: var(--vnlr-article-soft); }
.vnlr-insight-grid h4 { margin: 0 0 8px; }
.vnlr-insight-grid p { margin: 0; color: var(--vnlr-article-muted); line-height: 1.7; }
.vnlr-caution-panel { border-left: 5px solid #b54708; background: #fffaeb; }
.vnlr-caution-panel p:not(.vnlr-section-kicker) { color: #7a2e0e; line-height: 1.7; }
.vnlr-faq-panel details { padding: 15px 0; border-bottom: 1px solid var(--vnlr-article-line); }
.vnlr-faq-panel summary { cursor: pointer; font-weight: 800; }
.vnlr-faq-answer p { margin: 10px 0 0; color: var(--vnlr-article-muted); line-height: 1.7; }
.vnlr-analysis-disclaimer { display: flex; gap: 10px 18px; align-items: baseline; padding: 16px 20px; color: var(--vnlr-article-muted); font-size: .86rem; }

@container vnlr-article (max-width: 720px) {
	.vnlr-article-meta,
	.vnlr-featured-pick,
	.vnlr-insight-grid { grid-template-columns: minmax(0, 1fr); }
	.vnlr-secondary-picks { grid-template-columns: minmax(0, 1fr); }
	.vnlr-analysis-disclaimer { display: grid; }
}
@container vnlr-article (max-width: 460px) {
	.vnlr-article-hero,
	.vnlr-prediction-section,
	.vnlr-insight-section,
	.vnlr-faq-panel,
	.vnlr-caution-panel { padding: 16px; border-radius: 14px; }
	.vnlr-featured-pick { padding: 16px; gap: 16px; }
	.vnlr-pick-card__heading { align-items: flex-start; flex-direction: column; }
	.vnlr-pick-rank { white-space: normal; }
}
@supports not (container-type: inline-size) {
	@media (max-width: 720px) {
		.vnlr-analysis-article--editorial .vnlr-article-meta,
		.vnlr-analysis-article--editorial .vnlr-featured-pick,
		.vnlr-analysis-article--editorial .vnlr-insight-grid,
		.vnlr-analysis-article--editorial .vnlr-secondary-picks { grid-template-columns: minmax(0, 1fr); }
	}
}