.learning-shell .ratio-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.learning-shell .ratio-picture{min-width:0;margin:0;padding:17px;border:1px solid #dbe5f3;border-radius:12px;background:#fbfcff}.learning-shell .counter-picture{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.learning-shell .counter-group{display:flex;flex:1 1 130px;min-width:0;min-height:105px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid #dbe5f3;border-radius:10px;background:#fff}.learning-shell .counter-group strong{font-size:14px}.learning-shell .counter-dots{display:flex;min-height:32px;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.learning-shell .counter-dots i{display:block;width:27px;height:27px;border-radius:50%;box-shadow:inset -3px -4px 0 #14245422}.learning-shell .counter-group.red .counter-dots i{background:#eb7772}.learning-shell .counter-group.blue .counter-dots i{background:#5ca7d8}.learning-shell .counter-group.green .counter-dots i{background:#52b793}.learning-shell .three-groups .counter-group{flex-basis:120px;padding:10px}.learning-shell .three-groups .counter-dots{gap:4px}.learning-shell .three-groups .counter-dots i{width:21px;height:21px}.learning-shell .ratio-picture figcaption{color:#344866;font-size:15px;line-height:1.6}.learning-shell .ratio-picture figcaption strong{color:#142454}.learning-shell .ratio-scale-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px}.learning-shell .ratio-scale-example{min-width:0;margin:0;padding:17px;border:1px solid #dbe5f3;border-radius:12px;background:#fbfcff}.learning-shell .ratio-scale-example figcaption{margin-bottom:13px;color:#142454;font-weight:800}.learning-shell .ratio-scale{display:grid;justify-content:center;align-items:center;row-gap:4px;color:#142454;font-size:28px;text-align:center}.learning-shell .ratio-scale.two-terms{grid-template-columns:52px 18px 52px}.learning-shell .ratio-scale.three-terms{grid-template-columns:52px 18px 52px 18px 52px}.learning-shell .ratio-scale .ratio-colon{font-weight:500}.learning-shell .ratio-scale .scale-arrow{position:relative;display:grid;place-items:center;color:#2453a9;font-size:24px;line-height:1}.learning-shell .ratio-scale .scale-arrow small{position:absolute;top:50%;left:calc(50% + 11px);transform:translateY(-50%);font-size:13px;font-weight:800;white-space:nowrap}.learning-shell .ratio-scale strong{font-weight:800}.learning-shell .worked-ratio-scale{justify-content:start;margin:5px 0}.learning-shell .worked-ratio-scale .scale-arrow{min-height:24px}.learning-shell .ratio-equation .equation-expression{display:block;line-height:1.5}.learning-shell .ratio-card .answer-line{font-size:19px;font-weight:700}@media(max-width:760px){.learning-shell .ratio-picture-grid,.learning-shell .ratio-scale-examples{grid-template-columns:1fr}}@media(max-width:380px){.learning-shell .counter-group{flex-basis:120px}}