.fun-collections { display: grid; gap: 24px; padding: 8px 0 40px; }
.fun-collections .tools-feature { margin: 0; }
.fun-quiz-preview { position: relative; overflow: hidden; min-width: 0; padding: 24px 30px; border-radius: 21px; background: #e9e5f5; box-shadow: 0 14px 35px #25233412; transform: rotate(2deg); }
.fun-quiz-preview > img { display: block; width: min(100%, 310px); height: 210px; object-fit: contain; margin: 0 auto; }
.fun-quiz-preview > span { display: block; color: #6e608b; font-size: .62rem; letter-spacing: .13em; }
.fun-quiz-preview > strong { display: block; margin: 8px 0 4px; color: #30283d; font-size: 1.5rem; font-weight: 500; letter-spacing: -.04em; }
.fun-quiz-preview > small { color: #6e608b; font-size: .7rem; }
.fun-shell .tools-feature:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.fun-shell .tools-feature h2 { line-height: 1.2; text-wrap: balance; }
.fun-shell .section-label { margin: 0; }
.fun-shell .page-meta { min-width: min(100%, 260px); }
.fun-shell .resource-section { padding-top: 12px; }
.fun-shell .quiz-edition-card { border-radius: 26px; background: #ffffffa0; }
.fun-shell .quiz-edition-art { border-radius: 17px; }
.fun-schedule-preview { min-width: 0; padding: 28px; border-radius: 21px; background: #e7ede8; box-shadow: 0 14px 35px #25233412; transform: rotate(-2deg); }
.fun-schedule-preview > span { display: block; color: #56735c; font-size: .62rem; letter-spacing: .12em; }
.fun-schedule-lines { display: grid; gap: 10px; margin: 23px 0; }
.fun-schedule-lines span { display: block; width: 89%; padding: 10px 13px; border-radius: 9px; color: #2763ad; background: #e8f0fb; border-left: 3px solid currentColor; font-size: .73rem; }
.fun-schedule-lines span:nth-child(2) { width: 95%; color: #27744f; background: #e4f2e9; margin-left: 5%; }
.fun-schedule-lines span:nth-child(3) { width: 79%; color: #b04448; background: #f9e8e8; }
.fun-schedule-lines span:nth-child(4) { width: 89%; color: #8050ac; background: #f0e8f8; margin-left: 8%; }
.fun-schedule-preview > strong { display: block; font-size: 1.5rem; font-weight: 500; letter-spacing: -.04em; color: #2b4836; }
.fun-schedule-preview > small { color: #56735c; font-size: .7rem; }
@media (max-width: 640px) {
    .fun-collections { gap: 20px; padding-bottom: 12px; }
    .fun-quiz-preview { margin: 10px; padding: 24px; }
    .fun-quiz-preview > img { height: 180px; }
    .fun-shell .tools-feature h2 { font-size: 1.9rem; }
}