.vdi3400-guide,
.vdi3400-front-links,
.vdi3400-purchase-addition {
	--vdi-ink: #10243a;
	--vdi-accent: #087e8b;
	--vdi-soft: #eef7f8;
	color: var(--vdi-ink);
	max-width: 880px;
	margin: 1.5rem auto;
	padding: clamp(1rem, 3vw, 2rem);
	font-size: 1rem;
	line-height: 1.7;
}
.vdi3400-guide h2,
.vdi3400-front-links h2,
.vdi3400-purchase-addition h2 {
	margin: 2rem 0 .65rem;
	font-size: clamp(1.3rem, 3vw, 1.8rem);
	line-height: 1.25;
}
.vdi3400-guide p { margin: .7rem 0 1rem; }
.vdi3400-kicker { color: var(--vdi-accent); font-size: .78rem; font-weight: 700; letter-spacing: .08em; }
.vdi3400-lede { font-size: clamp(1.08rem, 2.4vw, 1.28rem); }
.vdi3400-callout { margin: 1.2rem 0; padding: 1rem 1.15rem; border-left: 4px solid var(--vdi-accent); border-radius: .3rem; background: var(--vdi-soft); }
.vdi3400-stat { margin: 1.25rem 0; padding: 1rem; border: 1px solid #d5e1e8; border-radius: .6rem; }
.vdi3400-stat p { margin: 0; }
.vdi3400-stat strong { color: var(--vdi-accent); }
.vdi3400-table-wrap { overflow-x: auto; margin: 1.2rem 0; -webkit-overflow-scrolling: touch; }
.vdi3400-table { width: 100%; border-collapse: collapse; }
.vdi3400-table caption { padding: .65rem; text-align: left; font-weight: 700; }
.vdi3400-table th, .vdi3400-table td { padding: .7rem; border: 1px solid #d5e1e8; text-align: left; }
.vdi3400-table thead { background: var(--vdi-ink); color: #fff; }
.vdi3400-grade-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.vdi3400-chip { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: .4rem .75rem; border: 1px solid #b9d2d8; border-radius: 999px; color: var(--vdi-ink); text-decoration: none; }
.vdi3400-chip:hover, .vdi3400-chip:focus { border-color: var(--vdi-accent); background: var(--vdi-soft); }
.vdi3400-note { padding: .85rem 1rem; background: #f5f7f8; font-size: .92rem; }
.vdi3400-actions { display: flex; flex-wrap: wrap; gap: .85rem; align-items: center; margin: 1.3rem 0; }
.vdi3400-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .7rem 1rem; border-radius: .4rem; background: var(--vdi-accent); color: #fff !important; font-weight: 700; text-decoration: none; }
.vdi3400-button:hover, .vdi3400-button:focus { filter: brightness(.9); }
.vdi3400-front-links { border-top: 1px solid #d5e1e8; }
.vdi3400-purchase-addition { border-top: 1px solid #d5e1e8; margin-top: 2rem; }
@media (max-width: 600px) {
	.vdi3400-guide, .vdi3400-front-links, .vdi3400-purchase-addition { padding: 1rem; }
	.vdi3400-table th, .vdi3400-table td { padding: .55rem .45rem; font-size: .92rem; }
	.vdi3400-actions { align-items: stretch; flex-direction: column; }
	.vdi3400-actions > * { text-align: center; }
}