/* Masterclass-specific styles on top of the kit (unlayered, so they win over kit layers). */
.hero { margin: var(--s-2) 0 var(--s-6); }
.hero .kicker, .page-head .kicker { font-family: var(--font-ui, var(--font-pixel)); color: var(--accent); margin: 0 0 var(--s-2); font-size: var(--text-sm); letter-spacing: .14em; text-transform: uppercase; }
.hero h1 { font-size: 48px; }
@media (min-width: 800px) { .hero h1 { font-size: 64px; } }
@media (min-width: 1700px) { .hero h1 { font-size: 96px; } }
.hero .lead { font-size: var(--text-lg, 21px); line-height: 1.55; color: var(--fg-read); max-width: 46ch; }
.shell { margin-bottom: var(--s-6); }
.shell .dos-panel { min-height: 100%; }
.preview h2 { font-size: var(--pixel-md); margin-bottom: var(--s-1); }
.preview .meta { font-family: var(--font-ui, var(--font-pixel)); color: var(--fg-muted); font-size: var(--text-sm); }
.preview .dos-code pre { font-size: 15px; }
.next { margin-bottom: var(--s-4); }
.author { font-size: 1.05em; }
.is-soon { opacity: .55; cursor: not-allowed; text-decoration: none !important; }
.is-soon::after { content: " (скоро)"; font-size: .85em; }
.dos-btn.is-soon::after { content: " · скоро"; }
[data-theme="commander"] .dos-btn.is-soon::after, [data-theme="stage"] .dos-btn.is-soon::after { content: " — скоро ]"; }
.dos-fkeys .is-soon::after, .dos-filelist .is-soon::after { content: ""; }

/* page skeleton for guide/code/slides pages */
.page-head { margin: var(--s-2) 0 var(--s-4); }
.toc { columns: 2 16em; margin-bottom: var(--s-4); }
.toc li { break-inside: avoid; }
.prereq { margin-bottom: var(--s-6); }
.monitor-page { padding-top: var(--s-4); }
.monitor-help { text-align: center; color: var(--fg); font-family: var(--font-ui, var(--font-pixel)); margin-top: var(--s-2); }
.facts { margin-top: var(--s-2); }