/* Only the article integration changes; the game keeps its original UI. */
.article-game {
  padding: 8px 0 72px;
  scroll-margin-top: 105px;
}
.article-game-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.article-game-kicker { margin: 0 0 10px; color: var(--muted); font-size: 12px; }
.article-game-heading h2 { margin: 0; font-size: clamp(24px, 3vw, 36px); line-height: 1.2; }
.article-game-heading > a { flex: none; margin-bottom: 3px; color: var(--text); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.article-game-entry { margin: 0 0 34px; font-size: 14px; }
.article-game-entry a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 5px; }
.article-game .sekundochku { min-height: 0; padding: 0; background: transparent; color-scheme: light; }
.article-game .sekundochku :is(:is(h1,h2), h2, h3, h4) { font-family: inherit; }
.article-game .sekundochku .eyebrow { text-transform: none; }
.article-game .sekundochku .start-view { padding: 42px clamp(28px, 4vw, 60px) 46px; }
.article-game .sekundochku .start-content { min-height: 370px; gap: clamp(28px, 4vw, 60px); }
.article-game .sekundochku .start-copy :is(h1,h2) { font-size: clamp(36px, 3.8vw, 54px); }
.article-game .sekundochku .start-description { margin: 20px 0 22px; font-size: 18px; }
.article-game .sekundochku .work-layout { height: clamp(460px, 63svh, 680px); }
.article-game .sekundochku .laptop-screen { min-height: 0; }
.article-game .sekundochku .pause-view { z-index: 300; }
@media (max-width: 800px) {
  .article-game { padding: 0 0 40px; scroll-margin-top: 90px; }
  .article-game-heading { align-items: flex-start; flex-direction: column; gap: 13px; margin-bottom: 22px; }
  .article-game-heading h2 { font-size: 27px; }
  .article-game .sekundochku { border: 1px solid #c8dbe5; border-radius: 12px; overflow: hidden; }
  .article-game .sekundochku .start-view { padding: 29px 20px 30px; }
  .article-game .sekundochku .start-content { min-height: 0; grid-template-columns: 1fr; gap: 29px; }
  .article-game .sekundochku .start-copy :is(h1,h2) { font-size: 41px; }
  .article-game .sekundochku .start-description { font-size: 16px; }
  .article-game .sekundochku .preview-paper { padding: 20px; }
  .article-game .sekundochku .work-layout { height: var(--article-work-height, max(340px, calc(100svh - 310px))); }
}
@media (max-width: 380px) {
  .article-game .sekundochku .start-copy :is(h1,h2) { font-size: 32px; }
}