.cg-landing{max-width:1150px;margin:auto}.cg-instructions{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.cg-instructions span{display:flex;align-items:center;gap:9px;color:#47645f;font-weight:650}.cg-instructions b{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#dceade;color:#315f54}.cg-stories{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.cg-stories article{background:#fffdf8;border:1px solid #dedecf;border-radius:26px;overflow:hidden;box-shadow:0 7px 20px #253b4010}.cg-stories article>div{padding:25px}.cg-art{display:block;width:100%;height:auto}.cg-stories .cg-art{padding:14px 14px 0}.cg-stories h2{font-size:1.6rem;margin:12px 0}.cg-stories p{line-height:1.8;color:#556967;margin:12px 0 22px}.cg-stories .btn{min-height:48px;white-space:normal;text-align:left}.cg-remember{padding:22px 25px;border:1px solid #dfd1ac;border-radius:18px;background:#fff5db;margin:25px 0}.cg-remember strong{font-size:1.15rem;color:#6d5535}.cg-remember p{margin:10px 0 0;line-height:1.7;color:#6b614d}
.mg-game[data-matching-type="cause-effect"]{--cg-ink:#294c52;max-width:1120px;margin:auto}.mg-game[data-matching-type="cause-effect"] .mg-heading h1{color:var(--cg-ink)}.mg-game[data-matching-type="cause-effect"] .mg-heading p{max-width:60ch}.mg-game[data-matching-type="cause-effect"] .mg-eyebrow{color:#427365}.mg-game[data-matching-type="cause-effect"] :is(.mg-intro,.mg-selection){background:linear-gradient(125deg,#edf5eb,#f9f3e6);border-color:#d1deca}.mg-game[data-matching-type="cause-effect"] .mg-intro>.cg-art{width:220px;flex:none}.mg-game[data-matching-type="cause-effect"] .mg-button:not(.mg-secondary){background:#386d66;border-color:#386d66}.mg-game[data-matching-type="cause-effect"] .mg-button:not(.mg-secondary):hover:not(:disabled){background:#28574f}.mg-game[data-matching-type="cause-effect"] .mg-tile{border-color:#cbd8ce;background:#fffefa}.mg-game[data-matching-type="cause-effect"] .mg-selected{border-color:#488577;box-shadow:0 0 0 3px #85b7a62e;transform:translateY(-3px)}.mg-game[data-matching-type="cause-effect"] .mg-tile-top{color:#557e73}.mg-game[data-matching-type="cause-effect"] .mg-tile-text{color:#294c52}.cg-reading{margin:22px 0;padding:23px;border:1px solid #d5dfd1;border-radius:20px;background:#fffef8}.cg-reading h2{font-size:1.2rem;color:#365951;margin:0 0 16px}.cg-reading ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;padding:0;margin:0;counter-reset:story}.cg-reading li{counter-increment:story;padding-left:14px;border-left:3px solid #c2d8c9;font-size:1rem;line-height:1.8;color:#354f4a}.cg-reading li:before{content:counter(story,decimal-leading-zero);display:block;color:#748e81;font-size:.73rem;font-weight:750;letter-spacing:.1em;margin-bottom:8px}.cg-uncertain{width:45px;min-height:45px;display:grid;place-items:center;border-radius:50%;border:2px dashed #a48447;background:#fff2ce;color:#785a28;font-weight:750;font-size:1.5rem}.cg-relationship{display:inline-block;margin-bottom:10px;font-size:.72rem;letter-spacing:.08em;color:#3c6e57;font-weight:750}.mg-found-pair[data-relationship="not-established"]{border-style:dashed;border-color:#c7ad6e;background:#fffaf0}.mg-found-pair[data-relationship="not-established"] .cg-relationship{color:#806334}.cg-motion{display:flex;justify-content:flex-end;margin:14px 0}.mg-game[data-matching-type="cause-effect"] .mg-finish>.cg-art{max-width:260px}.mg-game[data-matching-type="cause-effect"][data-age="14-16"] .cg-reading{border-radius:12px}.mg-game[data-matching-type="cause-effect"][data-age="14-16"] .mg-intro>.cg-art{width:150px}
@media(max-width:1050px){.cg-reading ol{grid-template-columns:1fr}.cg-reading li{font-size:.97rem}.mg-game[data-matching-type="cause-effect"] .mg-intro>.cg-art{width:155px}.cg-stories h2{font-size:1.3rem}}
@media(max-width:700px){.cg-stories{grid-template-columns:1fr}.cg-stories article>div{padding:21px}.cg-instructions{gap:12px;font-size:.88rem}.cg-instructions b{width:28px;height:28px}.mg-game[data-matching-type="cause-effect"] .mg-intro{display:block}.mg-game[data-matching-type="cause-effect"] .mg-intro>.cg-art{width:100%;max-width:320px;margin:0 auto 18px}.cg-reading{padding:20px}.cg-uncertain{width:30px;min-height:30px;font-size:1.1rem}.mg-game[data-matching-type="cause-effect"] .mg-finish>.cg-art{margin:0 auto 20px}}