/* 英语学习 /learn/english/ */
.gm-english { max-width: 1040px; }
.gm-english__hero { padding: 34px 0 46px; border-bottom: 1px solid #e2d8c6; }
.gm-english__hero h1 { max-width: 820px; margin: 8px 0 22px; color: #244f6d; font-size: clamp(2.4rem, 6vw, 4.8rem); line-height: 1.08; letter-spacing: -.045em; }
.gm-english__hero > p:not(.gm-learn__kicker) { max-width: 700px; color: #5d554a; font-size: 17px; line-height: 1.9; }
.gm-english__principle { display: inline-block; margin-top: 20px; padding: 10px 16px; color: #8a5725; background: #f3e8d5; border-radius: 999px; font-size: 14px; }
.gm-english__section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 18px; }
.gm-english__section-head p { margin: 0 0 5px; color: #c98237; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.gm-english__section-head h2 { margin: 0; }
.gm-english__section-head > span { color: #9a8f7d; font-size: 12px; }
.gm-english__abilities { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.gm-english__abilities article { min-height: 230px; padding: 20px; background: #fffdf8; border: 1px solid #e2d8c6; border-radius: 14px; display: flex; flex-direction: column; }
.gm-english__abilities b { color: #c98237; font-size: 12px; }
.gm-english__abilities h3 { color: #244f6d; margin: 18px 0 10px; }
.gm-english__abilities p { margin: 0; color: #5d554a; font-size: 14px; line-height: 1.75; }
.gm-english__abilities small { margin-top: auto; padding-top: 18px; color: #8a7f6f; border-top: 1px dashed #e2d8c6; }
.gm-english__loop { padding: 30px; background: #244f6d; border-radius: 18px; }
.gm-english__loop .gm-english__section-head h2, .gm-english__loop h3 { color: #fffdf8; }
.gm-english__loop .gm-english__section-head > span { color: #bbcad4; }
.gm-english__loop ol { list-style: none; counter-reset: loop; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 26px 0 0; padding: 0; background: rgba(255,255,255,.15); }
.gm-english__loop li { padding: 20px; background: #244f6d; }
.gm-english__loop li b { color: #efb36f; font-size: 13px; }
.gm-english__loop li h3 { margin: 9px 0; font-size: 17px; }
.gm-english__loop li p { color: #dbe4e9; font-size: 13px; line-height: 1.75; }
.gm-english__methods { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e2d8c6; border-left: 1px solid #e2d8c6; }
.gm-english__methods div { padding: 20px; border-right: 1px solid #e2d8c6; border-bottom: 1px solid #e2d8c6; }
.gm-english__methods h3 { margin: 0 0 8px; color: #244f6d; font-size: 16px; }
.gm-english__methods p { margin: 0; color: #6b6257; font-size: 13px; line-height: 1.75; }
.gm-english__week-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gm-english__week-grid div { padding: 20px; background: #f0e9dc; border-radius: 12px; }
.gm-english__week-grid b { color: #244f6d; }
.gm-english__week-grid p { margin: 8px 0 0; color: #6b6257; font-size: 14px; line-height: 1.7; }
.gm-english__measure { padding: 30px; background: #faf6ee; border: 1px solid #e2d8c6; border-radius: 16px; }
.gm-english__measure ul { list-style: none; padding: 0; margin: 0; }
.gm-english__measure li { padding: 13px 0; border-bottom: 1px solid #e2d8c6; color: #4a4237; font-size: 14px; }
.gm-english__measure li span { display: inline-block; width: 64px; color: #c98237; font-weight: 600; }
.gm-english__next { margin: 22px 0 0; color: #244f6d; font-weight: 600; }
.gm-learn__stats a.gm-learn__english-link { color: #244f6d; font-weight: 600; }
@media (max-width: 780px) {
	.gm-english__abilities, .gm-english__loop ol { grid-template-columns: repeat(2, 1fr); }
	.gm-english__methods { grid-template-columns: repeat(2, 1fr); }
	.gm-english__week-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
	.gm-english__hero { padding-top: 18px; }
	.gm-english__abilities, .gm-english__loop ol, .gm-english__methods { grid-template-columns: 1fr; }
	.gm-english__loop, .gm-english__measure { padding: 22px 18px; }
	.gm-english__section-head { align-items: start; flex-direction: column; gap: 6px; }
}