.grammar-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grammar-group{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px;transition:transform .2s,border-color .2s,box-shadow .2s}
.grammar-group:hover{transform:translateY(-3px);border-color:#aec6d7;box-shadow:var(--shadow)}
.group-num{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ab854a}
.grammar-group h2{font-size:22px;margin:12px 0 6px}
.grammar-group p{font-size:14px;color:#718594;margin:0;min-height:42px}
.group-foot{display:flex;justify-content:space-between;border-top:1px solid #e9eff2;margin-top:20px;padding-top:14px;color:#8fa0aa;font-size:12px}
.group-foot b{color:var(--navy)}
.example .example-analysis{margin-top:9px;padding:9px 12px;background:#f2f6f7;border-radius:7px;color:#526c7c}
.example-analysis b{color:var(--navy)}
.writing-section{margin:0 0 40px}
.writing-section-head{margin:0 0 17px}
.writing-section-head h2{font-size:25px;margin:5px 0 2px}
.writing-section-head p{font-size:13px;color:#748997;margin:0}
.writing-type h3{font-size:23px;margin:8px 0}
@media(max-width:600px){.grammar-overview{grid-template-columns:1fr}}