/* /christmas-survey-game/: the festive palette and the few blocks the classic landing frame (hubs.css, classic-landing.css)
   doesn't have: ways to play and the two board sources. The room form is styled by multiplayer.css. */
.hb[data-hub=xmas-show]{--hb-tint:#fbeceb;--hb-tint2:#eaf4ee;--hb-accent:#b0303a;--hb-deep:#0d3328;--hb-soft:#f3d6d4}
.cs-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px}
.cs-ways article{border:1px solid var(--line);border-radius:22px;padding:24px 24px 26px;background:#fff}
.cs-ways h3{margin:14px 0 8px}.cs-ways p{margin:0;font-size:15.5px;line-height:1.55;color:#3b3650}
.cs-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--hb-tint);color:var(--hb-accent)}
.cs-sources{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;max-width:1180px;align-items:start}
.cs-sources article{border:1px solid var(--line);border-radius:22px;padding:26px 28px;background:#fff}
.cs-sources article+article{background:var(--hb-tint2);border-color:#cfe3d5}
.cs-sources h3{margin:0 0 10px}.cs-sources p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:#3b3650}.cs-sources p:last-child{margin-bottom:0}
.cs-sources h4{margin:18px 0 10px;font-size:15px;font-family:var(--body);font-weight:800;color:#201b38}
.cs-prompts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.cs-prompts li{position:relative;padding:8px 12px 8px 30px;border-radius:12px;background:#faf6ee;font-size:14.5px;line-height:1.4}
.cs-prompts li:before{content:'';position:absolute;left:12px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--hb-accent)}
@media (max-width:960px){.cs-ways{grid-template-columns:1fr}.cs-sources{grid-template-columns:1fr}}
@media (max-width:560px){.cs-prompts{grid-template-columns:1fr}.cs-sources article,.cs-ways article{padding:20px}}