.learning-playground>div{background:#fffdfa;border-color:#e7d9d6;border-radius:28px;box-shadow:0 22px 80px -55px #61303b}.learning-playground>div>header{background:#f4e6e6;border-color:#e4cbce;padding-top:28px;padding-bottom:28px}.learning-playground>div>header .font-display{letter-spacing:-.02em;font-family:Instrument Sans,sans-serif;font-weight:600}.learning-playground header ol{gap:10px}.learning-playground header ol li>span:first-child{width:36px;height:36px;box-shadow:0 4px 12px -8px #61303b}.learning-playground .display-lg,.learning-playground .display-md{letter-spacing:-.045em;font-family:Instrument Sans,sans-serif;font-weight:600;line-height:1.12}.learning-playground .display-lg{font-size:clamp(30px,4.1vw,52px)}.learning-playground .lede{color:#685a57;font-size:16px;line-height:1.8}.learning-playground button{transition:transform .16s,box-shadow .16s}.learning-playground button:hover:not(:disabled){transform:translateY(-2px)}.learning-playground button:focus-visible{outline-offset:4px;outline:3px solid #8c2938}.learning-playground section>.grid>.bg-card{background:#f4e6e6;border-radius:18px}.learning-playground section>.grid:has(>.bg-card){background:0 0;border:0;gap:12px;overflow:visible}.learning-playground section>.grid>.bg-card:nth-child(2){background:#faf5ef}.learning-playground section>.grid>.bg-card:nth-child(3){background:#f7e7dc}.buffer-scene{background:#faf5ef;border-radius:24px;align-items:center;gap:24px;margin-bottom:32px;padding:24px 28px;display:flex}.buffer-scene-art{color:#fff;background:#8c2938;border-radius:28px;flex-shrink:0;place-items:center;width:94px;height:94px;display:grid;transform:rotate(-6deg);box-shadow:7px 7px #e6c8c8}.buffer-scene-art svg{width:46px;height:46px;transform:rotate(6deg)}.buffer-scene strong{letter-spacing:-.03em;color:#6b2234;font-size:clamp(20px,3vw,28px);display:block}.buffer-scene p{color:#8c2938;margin-top:6px;font-size:14px;line-height:1.7}@media (width<=560px){.buffer-scene{gap:18px;padding:20px}.buffer-scene-art{border-radius:20px;width:62px;height:70px}.buffer-scene-art svg{width:34px;height:34px}.learning-playground header ol{gap:3px}.learning-playground header ol li>span:first-child{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.learning-playground button{transition:none}.learning-playground button:hover:not(:disabled){transform:none}}