/* Emma · review khóa chuông xoay 50H (DV209) — bộ nhận diện riêng: tường vàng, kệ gỗ, chuông đồng, pha lê trắng */
.e50-page{background:#FBF7EE}
.e50{--wall:#F3CD5C;--wall2:#F8E3A0;--walnut:#24180D;--wood:#6B4423;--brass:#B8873A;--brass2:#E7BE6C;--crystal:#FBF7EE;--ember:#B9501C;--rose:#D46A96;--teal:#13706D;--ink:#2A1D10;
 padding-top:0;font-family:'Quicksand',sans-serif;color:var(--ink);line-height:1.75}
.e50 h1,.e50 h2,.e50 h3{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.e50 p,.e50 li{font-size:1.04rem;color:inherit;margin:0 0 .85rem}
.e50 a{color:inherit}
.e50 ul,.e50 ol{color:inherit}
.e50-wrap{max-width:820px;margin:0 auto;padding:3.2rem 6%}
.e50-kicker{font-size:.8rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.8;margin-bottom:.4rem!important}
.e50 h2{font-size:clamp(1.85rem,4.6vw,2.6rem);margin:0 0 1rem;color:inherit}
.e50 h3{font-size:1.35rem;margin:1.6rem 0 .7rem;color:inherit}
.e50-small{font-size:.86rem!important;opacity:.78}
/* HERO: kệ gỗ tối, vệt kệ ngang */
.e50-hero{display:grid;gap:1.4rem;padding:2.2rem 6% 2.6rem;color:var(--crystal);
 background:radial-gradient(120% 60% at 80% 0%,rgba(243,205,92,.28),transparent 60%),var(--walnut);border-bottom:14px solid var(--wood);box-shadow:inset 0 -4px 0 var(--brass);
 grid-template-areas:"text" "clip" "lead" "marks"}
.e50-hero__text{grid-area:text}.e50-clip{grid-area:clip}.e50-lead{grid-area:lead}.e50-marks{grid-area:marks}
.e50-crumb{font-size:.78rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--brass2)!important;font-weight:700}
.e50-crumb a{color:var(--brass2);text-decoration:none}
.e50 h1{font-size:clamp(2.1rem,7.4vw,3.5rem);color:var(--crystal);margin:.2rem 0 .8rem}
.e50-dek{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.2rem!important;color:var(--wall2)!important;line-height:1.5}
.e50-by{font-size:.88rem!important;opacity:.85}.e50-by a{color:var(--crystal)}
.e50-lead p{font-size:1.08rem;color:#F4EAD6}
.e50-lead p:first-child{display:flow-root}
.e50-lead p:first-child::first-letter{font-family:'Fraunces',serif;font-size:3.1rem;float:left;line-height:.9;margin:.15rem .5rem 0 0;color:var(--wall)}
.e50-clip{margin:0;justify-self:center;width:100%;max-width:380px}
.e50-clip video{display:block;width:100%;aspect-ratio:9/16;border-radius:22px;background:#000;box-shadow:0 0 0 6px var(--wood),0 0 0 8px var(--brass),0 24px 50px rgba(0,0,0,.45)}
.e50-clip figcaption{margin-top:.9rem;font-size:.82rem;text-align:center;opacity:.8}
.e50-marks__title{font-weight:700;color:var(--wall)!important;font-size:.95rem!important}
.e50-marks__bar{position:relative;height:8px;border-radius:8px;background:rgba(251,247,238,.16);margin:.4rem 0 1rem}
.e50-marks__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:8px;background:var(--brass2)}
.e50-marks__bar i{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--walnut);border:2px solid var(--brass2)}
.e50-marks__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.e50-marks__list li{margin:0}
.e50 button{font:inherit;cursor:pointer}
.e50-marks__list button{width:100%;text-align:left;display:flex;gap:.55rem;align-items:baseline;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(231,190,108,.35);background:rgba(251,247,238,.06);color:var(--crystal);font-size:.88rem;line-height:1.3}
.e50-marks__list button b{font-variant-numeric:tabular-nums;color:var(--brass2)}
.e50-marks__list button:hover,.e50-marks__list button.is-on{background:var(--brass2);color:var(--walnut);border-color:var(--brass2)}
.e50-marks__list button.is-on b,.e50-marks__list button:hover b{color:var(--walnut)}
.e50-transcript{margin-top:1rem;border-radius:14px;background:rgba(251,247,238,.07);padding:.7rem .9rem}
.e50-transcript summary{cursor:pointer;font-weight:700;color:var(--wall2)}
.e50-transcript ol{list-style:none;margin:.8rem 0 0;padding:0;max-height:22rem;overflow:auto}
.e50-transcript li{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;margin:0 0 .6rem}
.e50-transcript button{background:none;border:0;color:var(--brass2);padding:0;font-weight:700;text-align:left}
.e50-transcript p{margin:0;font-size:.93rem;color:#F4EAD6}
.e50-transcript span{display:block;font-size:.8rem;opacity:.7}
/* KỆ CHUÔNG: tường vàng */
.e50-shelf{background:linear-gradient(180deg,var(--wall),var(--wall2));color:var(--walnut)}
.e50-shelf__rack{margin:1.6rem 0 1rem;border-left:10px solid var(--wood);border-right:10px solid var(--wood);border-top:10px solid var(--wood);border-radius:6px 6px 0 0}
.e50-bowl{border-bottom:12px solid var(--wood);background:rgba(255,255,255,.22);box-shadow:inset 0 -6px 0 rgba(0,0,0,.08)}
.e50-bowl summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:.9rem;align-items:center;padding:1.1rem 1rem .9rem}
.e50-bowl summary::-webkit-details-marker{display:none}
.e50-bowl__cup{grid-row:1/3;position:relative;width:72px;height:38px;border-radius:4px 4px 40px 40px/4px 4px 38px 38px;background:radial-gradient(120% 140% at 30% 0%,#F0CF84,var(--brass) 45%,#6E4A1C);box-shadow:inset 0 3px 0 rgba(255,240,200,.7),0 4px 0 rgba(0,0,0,.18);align-self:end}
.e50-bowl__cup::after{content:'';position:absolute;left:50%;top:-6px;width:72px;height:72px;margin-left:-36px;border-radius:50%;border:2px solid rgba(36,24,13,.35);opacity:0;transform:scale(.3)}
.e50-bowl[open] .e50-bowl__cup::after{animation:e50ring 1.6s ease-out 2}
@keyframes e50ring{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
@media (prefers-reduced-motion:reduce){.e50-bowl[open] .e50-bowl__cup::after{animation:none}}
.e50-bowl__no{display:none}
.e50-bowl__name{font-family:'Fraunces',serif;font-weight:700;font-size:1.45rem;line-height:1.1}
.e50-bowl__name::after{content:' +';font-family:'Quicksand',sans-serif;font-size:1rem;opacity:.6}
.e50-bowl[open] .e50-bowl__name::after{content:' −'}
.e50-bowl__q{font-style:italic;font-size:.9rem;opacity:.8}
.e50-bowl__note{margin:0 1rem 1.1rem;padding:1rem 1.1rem .4rem;background:var(--crystal);border-radius:14px;box-shadow:0 6px 18px rgba(36,24,13,.12)}
.e50-bowl__who{font-size:.74rem!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ember)!important;margin-bottom:.4rem!important}
.e50-bowl__note a{color:var(--teal);font-weight:700}
/* VÌ SAO: khối cam cháy */
.e50-why{background:var(--crystal)}
.e50-quote{margin:1.4rem 0 1.6rem;padding:1.6rem 1.5rem 1.4rem;border-radius:24px 24px 24px 4px;background:var(--ember);color:var(--crystal)}
.e50-quote p{font-family:'Fraunces',serif;font-style:italic;font-size:1.35rem!important;line-height:1.45;color:var(--crystal)}
.e50-quote .e50-quote__en{font-family:'Quicksand',sans-serif;font-style:normal;font-size:.88rem!important;opacity:.85}
.e50-play{border:0;border-radius:999px;padding:.55rem 1rem;background:var(--walnut);color:var(--wall2);font-weight:700;font-size:.88rem}
.e50-play:hover{background:var(--brass2);color:var(--walnut)}
.e50-quote--light{background:#fff;color:var(--walnut);border-left:8px solid var(--wall);border-radius:6px 20px 20px 6px}
.e50-quote--light p{color:var(--walnut)}
/* HAI TẤM GIẤY */
.e50-papers{background:#F1E4C6}
.e50-papers__pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0 1.6rem}
.e50-paper{margin:0;background:#fff;padding:.55rem .55rem 0;border-radius:6px;box-shadow:0 10px 24px rgba(36,24,13,.18)}
.e50-paper--yoga{transform:rotate(-2.2deg)}.e50-paper--bell{transform:rotate(1.8deg)}
.e50-paper img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;border-radius:3px}
.e50-paper figcaption{padding:.55rem .2rem .7rem;font-family:'Fraunces',serif;font-weight:700;font-size:1.05rem;line-height:1.2}
.e50-paper figcaption b{display:inline-block;margin:0 0 .3rem;padding:.1rem .5rem;border-radius:4px;font-family:'Quicksand',sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--teal)}
.e50-paper--bell figcaption b{background:var(--rose)}
.e50-paper figcaption{display:flex;flex-direction:column;align-items:flex-start}
/* CĂN PHÒNG */
.e50-room{background:var(--crystal)}
/* CẢ NHÀ: xanh ngọc */
.e50-family{background:var(--teal);color:var(--crystal)}
.e50-family__grid{display:grid;gap:1.6rem}
.e50-family__time{font-family:'Fraunces',serif;font-weight:700;font-size:4.6rem!important;line-height:1;color:var(--wall)!important;margin:0 0 .3rem!important}
.e50-family figure{margin:0}
.e50-family img{display:block;width:100%;height:auto;border-radius:20px;border:6px solid var(--wall)}
.e50-family figcaption{font-size:.85rem;margin-top:.6rem;opacity:.85}
.e50-family .e50-play{background:var(--wall);color:var(--walnut)}
/* KHÓA HỌC: gỗ tối */
.e50-course{background:var(--walnut);color:var(--crystal)}
.e50-facts{list-style:none;margin:1.2rem 0 .6rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.e50-facts li{margin:0;padding:.9rem .9rem;border:1px solid rgba(231,190,108,.45);border-radius:16px;font-size:.92rem;line-height:1.35}
.e50-facts b{display:block;font-family:'Fraunces',serif;font-size:1.6rem;color:var(--brass2);margin-bottom:.2rem}
.e50-modules{list-style:none;counter-reset:m;margin:0 0 1.2rem;padding:0}
.e50-modules li{counter-increment:m;position:relative;padding-left:2.7rem;margin-bottom:.9rem}
.e50-modules li::before{content:counter(m);position:absolute;left:0;top:.05rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--brass2);color:var(--walnut);font-weight:700;display:grid;place-items:center;font-size:.92rem}
.e50-modules b{color:var(--wall2)}
.e50-cta-row{margin:1.4rem 0 1rem!important}
.e50-cta{display:inline-block;padding:.85rem 1.4rem;border-radius:999px;background:var(--wall);color:var(--walnut)!important;font-weight:700;text-decoration:none}
.e50-cta:hover{background:var(--brass2)}
/* FAQ */
.e50-faq{background:var(--crystal)}
.e50-faq__item{border-bottom:1px solid rgba(36,24,13,.15);padding:.9rem 0}
.e50-faq__item summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.e50-faq__item p{margin:.6rem 0 0}
.e50-faq__item a{color:var(--teal);font-weight:700}
.e50-more{margin:2rem 0 1.5rem;display:flex;flex-direction:column;gap:.6rem}
.e50-more p{margin:0;font-size:.78rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ember)}
.e50-more a{display:block;padding:.85rem 1rem;border-radius:14px;background:#F1E4C6;text-decoration:none;font-weight:700}
.e50-more a:hover{background:var(--wall2)}
.e50-end{font-family:'Fraunces',serif;font-style:italic;font-size:1.7rem!important;margin:2rem 0!important}
.e50-author{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;border-radius:16px;border:1px solid rgba(36,24,13,.12)}
.e50-author img{border-radius:50%;flex-shrink:0}
.e50-author p{margin:0 0 .25rem;font-size:.85rem}
@media (min-width:900px){
 .e50-hero{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"text clip" "lead clip" "marks clip";column-gap:4rem;max-width:1180px;margin:0 auto;padding:3.4rem 4% 3.6rem;align-items:start}
 .e50-hero{max-width:none;padding-left:max(4%,calc((100% - 1180px)/2));padding-right:max(4%,calc((100% - 1180px)/2))}
 .e50-clip{position:sticky;top:100px}
 .e50-marks__list{grid-template-columns:repeat(3,1fr)}
 .e50-bowl summary{grid-template-columns:96px 1fr;padding:1.3rem 1.4rem 1rem}
 .e50-facts{grid-template-columns:repeat(4,1fr)}
 .e50-family__grid{grid-template-columns:1fr 1fr;align-items:center}
 .e50-papers__pair{gap:2rem;padding:0 2rem}
}