.cs-gamification .surface-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin:0 0 48px;display:grid}.cs-gamification .surface-tile{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.cs-gamification .surface-tile .slot{border:1px solid var(--line);width:100%;overflow:hidden}.cs-gamification .surface-tile figcaption{align-items:baseline;gap:10px;min-width:0;display:flex}.cs-gamification .surface-tile-no{font-family:var(--font-jetbrains);letter-spacing:.16em;color:var(--accent);flex:none;font-size:11px;font-weight:700}.cs-gamification .surface-tile-name{font-family:var(--font-grotesk);letter-spacing:-.01em;color:var(--ink);min-width:0;font-size:15px;font-weight:500}.cs-gamification .skim-flow{margin:0 0 40px}.cs-gamification .reflect-open{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;margin-bottom:48px;display:grid}.cs-gamification .reflect-open .ctx-lede{margin-bottom:0!important}.cs-gamification .reflect-open .slot{border:1px solid var(--line);width:100%}.cs-gamification[data-mode=skim] .reflect-open{grid-template-columns:minmax(0,1fr)}.cs-gamification .reflect-item-main{flex-direction:column;gap:10px;min-width:0;display:flex}@media (max-width:900px){.cs-gamification .surface-index{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-gamification .reflect-open{grid-template-columns:minmax(0,1fr);gap:24px}}