.online-english-page{background:#f7f5ef;color:#071c1e}.online-english-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding-top:clamp(4rem,9vw,8rem)}.online-english-hero-copy{display:grid;gap:1.1rem;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.online-english-hero-copy p,.online-english-hero-copy small{margin:0}.online-english-actions{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;align-items:center}.online-english-actions a{font-weight:650;text-decoration:none}.online-english-actions .primary{padding:.85rem 1.15rem;border-radius:999px;background:#168f96;color:#fffdf8}.online-english-section{display:grid;gap:1.7rem}.online-english-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.online-english-grid article{min-height:180px;padding:1.35rem;border:1px solid rgba(7,28,30,.12);border-radius:1.25rem;background:#fffdf8}.online-english-grid article>span{color:#168f96;font-weight:750;letter-spacing:.08em}.online-english-grid h3{margin:.75rem 0 .4rem}.online-english-grid p{line-height:1.55}.online-english-sample{background:#e8f3f1;border-radius:2rem;padding-inline:clamp(1.25rem,4vw,3rem)}.online-english-lesson-link{justify-self:start;padding:1rem 1.2rem;border:1px solid rgba(7,28,30,.15);border-radius:1rem;background:#fffdf8;font-weight:700;text-decoration:none}.online-english-faq details{padding:1rem 0;border-bottom:1px solid rgba(7,28,30,.16)}.online-english-faq summary{cursor:pointer;font-weight:700}.online-english-faq details p{max-width:760px;line-height:1.6}.online-english-final{width:min(920px,calc(100% - 2rem));margin:clamp(3rem,8vw,7rem) auto;padding:clamp(2rem,6vw,4rem);display:grid;justify-items:center;gap:1rem;border-radius:2rem;background:#071c1e;color:#fffdf8;text-align:center}.online-english-final .griava-brandmark{--griava-brand-color: #fffdf8}.online-english-final h2,.online-english-final p{max-width:760px}.online-english-actions-center{justify-content:center}@media(max-width:800px){.online-english-hero{grid-template-columns:1fr;align-items:start}.online-english-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.online-english-grid{grid-template-columns:1fr}}