.states-failures-unit{display:grid;gap:2.2rem;margin:2rem 0}.s-patterns,.s-family-grid,.s-failure-grid{display:grid;gap:.8rem}.s-patterns{grid-template-columns:repeat(3,minmax(0,1fr))}.s-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.s-failure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s-patterns article,.s-family-grid article,.s-failure-grid article,.s-activity{padding:1rem;border:1px solid #cbe0ec;border-radius:1rem;background:#fff;box-shadow:0 .45rem 1.4rem rgb(9 44 70 / 6%)}.s-family-grid article{position:relative;padding-left:3.3rem}.s-family-grid span{position:absolute;left:1rem;top:1rem;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;color:#fff;background:#b74837;font-weight:800}.s-patterns h3,.s-family-grid h3,.s-failure-grid h3,.s-activity h3{margin:0 0 .4rem;color:#0e4164}.s-patterns p,.s-family-grid p,.s-failure-grid p{margin:.25rem 0;line-height:1.5}.s-scale{margin-top:1rem;padding:1rem;border-left:.35rem solid #b74837;border-radius:.35rem;background:#fff4ef;line-height:1.7}.s-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.s-gallery figure{margin:0;overflow:hidden;border:1px solid #cbe0ec;border-radius:.8rem;background:#fff}.s-gallery img{display:block;width:100%;height:10rem;object-fit:cover;background:#fff}.s-gallery figure:nth-child(2) img,.s-gallery figure:nth-child(3) img,.s-gallery figure:nth-child(8) img,.s-gallery figure:nth-child(9) img,.s-gallery figure:nth-child(12) img,.s-gallery figure:nth-child(14) img,.s-gallery figure:nth-child(16) img,.s-gallery figure:nth-child(22) img,.s-gallery figure:nth-child(23) img,.s-gallery figure:nth-child(24) img,.s-gallery figure:nth-child(28) img,.s-gallery figure:nth-child(31) img,.s-gallery figure:nth-child(32) img,.s-gallery figure:nth-child(33) img,.s-gallery figure:nth-child(n+35) img{object-fit:contain}.s-gallery figcaption{padding:.55rem .7rem;line-height:1.35}.s-practice{display:grid;gap:1rem}.s-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.s-task-grid label{padding:.7rem .8rem;border:1px solid #d4e4ec;border-radius:.65rem;background:#f9fcfd;line-height:1.6}.s-task-grid select{display:block;width:100%;margin:.5rem 0 0;padding:.4rem .5rem;border:1px solid #94bcd2;border-radius:.5rem;color:#123551;background:#fff;font:inherit;font-weight:700}.s-activity-states .s-task-grid{grid-template-columns:1fr}.s-activity-states .s-task-grid label{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:center;gap:1rem}.s-activity-states .s-task-grid select{margin:0}.s-task-prompt{min-width:0}.s-correct{border-color:#50b987!important;background:#eefbf4!important}.s-incorrect{border-color:#df7e73!important;background:#fff4f1!important}.s-score{min-height:1.4rem;color:#315a70;font-weight:700}@media(max-width:900px){.s-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.s-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s-patterns{grid-template-columns:1fr}}@media(max-width:640px){.s-family-grid,.s-failure-grid,.s-task-grid{grid-template-columns:1fr}.s-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.s-gallery img{height:9rem}.s-activity-states .s-task-grid label{grid-template-columns:1fr}.s-activity-states .s-task-grid select{margin-top:.35rem}}
