.small-page { min-height: 100vh; padding: 26px 38px 38px; background: var(--theme-bg); color: var(--theme-text); } .small-shell { background: var(--theme-surface); border: 1px solid var(--theme-border); padding: 38px; } .small-hero { max-width: 780px; padding-bottom: 34px; border-bottom: 1px solid var(--theme-border); margin-bottom: 28px; } .small-kicker { display: block; margin-bottom: 12px; color: var(--theme-text-muted); font-size: 10px; letter-spacing: 0.22em; } .small-hero h1, .small-panel h2 { margin: 0 0 14px; letter-spacing: 0; } .small-hero h1 { font-size: clamp(42px, 8vw, 92px); line-height: 0.92; } .small-hero p, .small-panel p, .release-card p { margin: 0; color: var(--theme-text-muted); line-height: 1.55; } .small-panel, .release-card, .small-error { background: var(--theme-surface-soft); border: 1px solid var(--theme-border); padding: 22px; } .small-panel button, .release-card button { min-height: 44px; margin-top: 18px; border: 1px solid #1f1f1f; border-radius: 0; background: #1f1f1f; color: #fff; padding: 0 18px; cursor: pointer; } .small-requirements { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .small-requirement { display: flex; justify-content: space-between; gap: 12px; padding: 14px; background: var(--theme-surface-soft); border: 1px solid var(--theme-border); } .small-requirement span, .release-card span { color: var(--theme-text-muted); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; } .small-requirement strong.met { color: #ff6a00; } .release-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; } .release-card h3 { margin: 10px 0 12px; } .small-error { margin: 16px 0 0; border-color: #ff6a00; } @media (max-width: 760px) { .small-page { padding: 18px; } .small-shell { padding: 24px 18px; } .small-requirements, .release-grid { grid-template-columns: 1fr; } }