/* v1.1.1 styles (unchanged from 1.1.0) */
.ae-lesson{ --bg1:#f0f7ff; --bg2:#ffffff; --accent:#2563eb; --ink:#111827; --muted:#6b7280; }
.ae-hero{ display:flex; gap:16px; align-items:center; padding:28px 20px; background:linear-gradient(180deg,var(--bg1),var(--bg2)); border-radius:18px; box-shadow:0 6px 24px rgba(0,0,0,.06); max-width:980px; margin:16px auto 22px; }
.ae-flag{ width:72px; height:auto; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.12); }
.ae-hero-text{ flex:1; }
.ae-breadcrumb{ font-size:13px; color:var(--muted); margin-bottom:4px;}
.ae-title{ margin:0; font-size:32px; line-height:1.2; color:var(--ink); }
.ae-sub{ color:var(--muted); margin-top:6px; }
.ae-actions{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }
.ae-btn{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; text-decoration:none; font-weight:600; }
.ae-btn:hover{ transform:translateY(-1px); box-shadow:0 4px 16px rgba(0,0,0,.06); }
.ae-btn-primary{ background:var(--accent); color:#fff; border-color:var(--accent); }
.ae-card{ background:#fff; border:1px solid #e5e7eb; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.06); max-width:980px; margin:0 auto 30px; }
.ae-content{ padding:24px 26px; line-height:1.75; color:#111; }
.ae-content h3{ font-size:22px; margin:28px 0 12px; border-left:5px solid var(--accent); padding-left:10px; }
.ae-content ul{ margin:10px 0 16px 22px; }
.ae-content li{ margin:6px 0; }
.ae-audio audio{ width:100%; margin:10px 0 18px; }
.ae-list{ display:grid; gap:10px; max-width:980px; margin: 10px auto 30px; }
.ae-list-item{ display:block; padding:12px 16px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; text-decoration:none; font-weight:600; }
.ae-list-item:hover{ border-color:var(--accent); }