.vocabulary-preview { margin-block: 70px; }
.vocabulary-preview header { max-width: 780px; }
.vocabulary-preview h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.16; margin: 12px 0 20px; }
.vocabulary-preview header > p:last-child, .vocabulary-updated { color: #b9c5d9; line-height: 1.7; }
.word-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-block: 26px; }
.word-card { min-width: 0; padding: 26px; border: 1px solid #8aaff32b; border-radius: 18px; background: linear-gradient(150deg,#12244380,#080e1890); overflow-wrap: anywhere; }
.word-card .eyebrow { color: #a7c9ff; font-size: 11px; letter-spacing: .1em; }
.word-card h3 { font-family: inherit; font-size: clamp(28px, 3vw, 40px); margin: 18px 0 6px; line-height: 1.3; color: #f4f8ff; }
.word-card .word-meaning { font-size: 20px; color: #c6daff; margin: 0 0 24px; }
.word-card .word-example { font-size: 18px; color: #f1f5ff; line-height: 1.7; margin-bottom: 6px; }
.word-example-meaning { color: #c2cada; line-height: 1.65; margin-top: 0; }
.word-note { border-top: 1px solid #7f9bb52b; padding-top: 18px; color: #aebdd1; font-size: 15px; line-height: 1.7; }
.word-jumps { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 25px; }
.word-jumps a, .vocabulary-intro a, .vocabulary-next a { color: #a7ccff; text-decoration: underline; text-underline-offset: 4px; }
.vocabulary-intro { max-width: 900px; margin-bottom: 64px; line-height: 1.85; }
.vocabulary-intro h2, .vocabulary-next h2 { font-size: clamp(25px, 3vw, 36px); line-height: 1.25; }
.vocabulary-intro li { margin-bottom: 12px; padding-left: 5px; }
.word-batch { margin-bottom: 58px; }
.word-batch h2 { font-size: 28px; }
.vocabulary-next { padding-block: 32px 80px; line-height: 1.8; }
@media(max-width: 1000px) { .word-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 600px) { .word-grid { grid-template-columns: 1fr; } .word-card { padding: 22px; } .vocabulary-preview { margin-block: 48px; } }
@media print { .word-card { break-inside: avoid; background: none; border-color: #aaa; } .word-card p, .word-card h3 { color: #111; } }