.engc-page{display:grid;gap:18px}.engc-hero{background:linear-gradient(135deg,#0f7ae5,#36a3ff 55%,#6c63ff 100%);color:#fff;border-radius:clamp(18px,2vw,22px);padding:clamp(20px,2.4vw,24px) clamp(14px,2vw,18px);box-shadow:0 18px 34px rgba(24,119,242,.18)}.engc-id{display:inline-flex;padding:6px 12px;min-height:32px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:900;margin-bottom:10px}.engc-title{font-size:clamp(28px,4vw,40px);line-height:1.15;margin-bottom:8px;color:#fff}.engc-subtitle{font-size:15px;margin-bottom:12px;color:#fff}.engc-goal{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:12px 14px;font-weight:700;color:#fff}.engc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.engc-card{background:rgba(255,255,255,.76);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.06);overflow:hidden}.t:checked~.wrap .engc-card{background:rgba(39,50,66,.96);border-color:rgba(255,255,255,.10);box-shadow:0 12px 24px rgba(0,0,0,.22)}.engc-full{grid-column:1/-1}.engc-sec-title{display:flex;align-items:center;gap:10px;padding:clamp(14px,2vw,16px) clamp(15px,2vw,18px);font-size:clamp(18px,2.2vw,20px);font-weight:900;color:#13243a;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.08))}.t:checked~.wrap .engc-sec-title{color:#f8fafc;border-bottom-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.engc-panel,.engc-box,.engc-dialog{padding:clamp(14px,2vw,18px)}.engc-panel p,.engc-box p{margin-bottom:10px;color:#223046}.t:checked~.wrap .engc-panel p,.t:checked~.wrap .engc-box p{color:#dbe6f5}.engc-mini{padding:0 18px 10px;font-size:17px;color:#163760}.t:checked~.wrap .engc-mini{color:#f8fafc}.engc-list,.engc-vocab,.engc-repeat,.engc-steps,.engc-correct{margin:0;padding:clamp(14px,2vw,18px) clamp(14px,2vw,20px) clamp(14px,2vw,18px) clamp(28px,3vw,34px)}.engc-list li,.engc-vocab li,.engc-steps li,.engc-correct li{margin-bottom:10px;color:#223046}.t:checked~.wrap .engc-list li,.t:checked~.wrap .engc-vocab li,.t:checked~.wrap .engc-steps li,.t:checked~.wrap .engc-correct li{color:#e6eef9}.engc-vocab{list-style:disc}.engc-word{display:inline;font-weight:900;color:#10233f;margin-right:8px}.engc-phon{display:inline;color:#0f5fb8;font-weight:800;font-size:14px}.t:checked~.wrap .engc-word{color:#fff}.t:checked~.wrap .engc-phon{color:#8ec5ff}.engc-repeat{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.engc-repeat li{background:#eef3fa;border:1px solid rgba(0,0,0,.08);color:#253449;padding:8px 12px;border-radius:999px;font-weight:800}.t:checked~.wrap .engc-repeat li{background:#334155;border-color:rgba(255,255,255,.10);color:#f8fafc}.engc-syl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:clamp(14px,2vw,18px)}.engc-syl{background:#f5f8fd;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px}.t:checked~.wrap .engc-syl{background:#334155;border-color:rgba(255,255,255,.10)}.engc-syl strong{display:block;margin-bottom:6px;color:#10233f}.engc-syl span{color:#4b5b70;font-weight:700;font-size:14px}.t:checked~.wrap .engc-syl strong{color:#fff}.t:checked~.wrap .engc-syl span{color:#d7e3f4}.engc-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#1e90ff,#57b1ff);color:#fff;font-size:12px;font-weight:900;margin-bottom:12px}.engc-chat p{padding:clamp(10px,2vw,12px) clamp(12px,2vw,14px);border-radius:14px;margin-bottom:8px;font-weight:700;font-size:clamp(15px,1.8vw,16px)}.engc-chat p:nth-child(odd){background:linear-gradient(135deg,#eaf4ff,#f5faff);color:#114c88}.engc-chat p:nth-child(even){background:linear-gradient(135deg,#fff2e8,#fff8f2);color:#9a4d12}.t:checked~.wrap .engc-chat p:nth-child(odd){background:linear-gradient(135deg,#1f3d63,#294e7d);color:#f8fbff}.t:checked~.wrap .engc-chat p:nth-child(even){background:linear-gradient(135deg,#5a361d,#6b4325);color:#fff8f2}.engc-wrong{display:block;color:#b42318;font-weight:800;margin-bottom:4px}.engc-right{display:block;color:#027a48;font-weight:800}.t:checked~.wrap .engc-wrong{color:#ffb4aa}.t:checked~.wrap .engc-right{color:#86efac}.engc-footnote{text-align:center;color:#5f6f86;font-size:14px;font-weight:800;padding:6px 0 2px}.t:checked~.wrap .engc-footnote{color:#c8d2e0}


/* Phonetic */
.engc-phon {
  color: dodgerblue;
  background: #eef6ff;
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: 700;
}

.t:checked ~ .wrap .engc-phon {
  color: #8ec5ff;
  background: #334155;
}