/* Thanh · review khóa chuông 30H (DV210) — nhận diện riêng: áo hồng phấn, pha lê trắng, nâu đất, gợn sóng chuông */
.t30-page{background:#FFF8F6}
.t30{--rose:#F3C6CF;--rose2:#FBE3E7;--berry:#A03E54;--earth:#5A2E17;--earth2:#7A4426;--milk:#FFF8F6;--crystal:#FFFFFF;--ink:#3A2216;--wall:#F2C94C;
 font-family:'Quicksand',sans-serif;color:var(--ink);line-height:1.75}
.t30 h1,.t30 h2,.t30 h3{font-family:'Newsreader',Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.12;color:inherit}
.t30 p,.t30 li{font-size:1.04rem;color:inherit;margin:0 0 .85rem}
.t30 a{color:inherit}.t30 ul,.t30 ol{color:inherit}
.t30 button{font:inherit;cursor:pointer}
.t30-wrap{max-width:860px;margin:0 auto;padding:3.2rem 6%}
.t30-kicker{font-size:.78rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--berry)!important;margin-bottom:.45rem!important}
.t30 h2{font-size:clamp(1.9rem,5vw,2.7rem);margin:0 0 1rem}
.t30 h3{font-size:1.3rem;margin:1.6rem 0 .6rem}
.t30-small{font-size:.86rem!important;opacity:.8}
/* HERO */
.t30-hero{position:relative;overflow:hidden;padding:2.4rem 6% 2.8rem;background:radial-gradient(circle at 85% 18%,var(--rose) 0 2px,transparent 3px) 0 0/26px 26px,linear-gradient(180deg,var(--rose2),var(--milk))}
.t30-hero::before{content:'';position:absolute;right:-180px;top:40px;width:520px;height:520px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 34px,rgba(160,62,84,.13) 35px 37px);pointer-events:none}
.t30-hero__grid{position:relative;max-width:1100px;margin:0 auto;display:grid;gap:1.6rem;grid-template-areas:"text" "clip" "lead"}
.t30-hero__text{grid-area:text}.t30-clip{grid-area:clip}.t30-lead{grid-area:lead}
.t30-crumb{font-size:.76rem!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--berry)!important}
.t30-crumb a{text-decoration:none}
.t30 h1{font-size:clamp(2.15rem,7.2vw,3.7rem);margin:.25rem 0 .8rem;color:var(--earth)}
.t30 h1 em{font-style:italic;color:var(--berry)}
.t30-dek{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:1.25rem!important;line-height:1.45;color:var(--earth2)!important}
.t30-by{font-size:.88rem!important;opacity:.85}
.t30-clip{margin:0;justify-self:center;width:100%;max-width:360px}
.t30-clip video{display:block;width:100%;aspect-ratio:9/16;border-radius:26px;background:#2b1a10;box-shadow:0 0 0 7px var(--crystal),0 0 0 9px var(--rose),0 26px 50px rgba(90,46,23,.28)}
.t30-clip figcaption{margin-top:1rem;font-size:.82rem;text-align:center;opacity:.8}
.t30-lead p{font-size:1.1rem}
.t30-lead > p:first-child::first-letter{font-family:'Newsreader',serif;font-size:3.3rem;float:left;line-height:.85;margin:.2rem .5rem 0 0;color:var(--berry)}
/* tally */
.t30-tally{margin:1.4rem 0 0;padding:1rem 1.1rem;border-radius:18px;background:var(--crystal);box-shadow:0 0 0 1px rgba(160,62,84,.15)}
.t30-tally__h{font-size:.8rem!important;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--berry)!important;margin:0 0 .6rem!important}
.t30-tally ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.t30-tally li{display:grid;grid-template-columns:7.2rem 1fr 1.6rem;align-items:center;gap:.6rem;margin:0;font-size:.95rem}
.t30-tally__bar{display:flex;gap:4px}
.t30-tally__bar i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--rose) 70%);box-shadow:inset 0 0 0 2px var(--berry)}
.t30-tally b{font-variant-numeric:tabular-nums;color:var(--berry);text-align:right}
.t30-transcript{margin-top:1rem;border-radius:16px;background:rgba(255,255,255,.7);padding:.75rem 1rem;box-shadow:0 0 0 1px rgba(160,62,84,.12)}
.t30-transcript summary{cursor:pointer;font-weight:700;color:var(--earth)}
.t30-transcript ol{list-style:none;margin:.8rem 0 0;padding:0;max-height:22rem;overflow:auto}
.t30-transcript li{display:grid;grid-template-columns:3.1rem 1fr;gap:.5rem;margin:0 0 .6rem}
.t30-transcript li.is-on p{color:var(--berry)}
.t30-transcript button{background:none;border:0;color:var(--berry);padding:0;font-weight:700;text-align:left}
.t30-transcript p{margin:0;font-size:.93rem}
.t30-transcript small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.t30-transcript span{display:block;font-size:.8rem;opacity:.7}
/* RIPPLE */
.t30-rip{background:var(--earth);color:var(--milk)}
.t30-rip h2{color:var(--crystal)}
.t30-rip .t30-kicker{color:var(--rose)!important}
.t30-rip__grid{display:grid;gap:1.8rem;align-items:center;margin-top:1.4rem}
.t30-rings{position:relative;width:min(100%,400px);aspect-ratio:1;margin:0 auto}
.t30-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(243,198,207,.55);background:rgba(243,198,207,.06);color:var(--milk);display:flex;justify-content:center;align-items:flex-start;padding-top:.55rem;font-size:.86rem;font-weight:700;line-height:1.2;transition:background .25s,border-color .25s}
.t30-ring span{background:var(--earth);padding:.1rem .45rem;border-radius:999px}
.t30-ring--1{width:30%;height:30%;align-items:center;padding:0;background:radial-gradient(circle at 40% 35%,#fff,var(--rose) 75%);color:var(--earth);border-color:var(--crystal)}
.t30-ring--1 span{background:none}
.t30-ring--2{width:52%;height:52%}.t30-ring--3{width:76%;height:76%}.t30-ring--4{width:100%;height:100%}
.t30-ring:hover{border-color:var(--rose)}
.t30-ring.is-on{border-color:var(--wall);background:rgba(242,201,76,.12)}
.t30-ring.is-on span{color:var(--wall)}
.t30-ring--1.is-on{background:radial-gradient(circle at 40% 35%,#fff,var(--wall) 80%)}.t30-ring--1.is-on span{color:var(--earth)}
.t30-ring.is-pulse::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--wall);animation:t30pulse 1.2s ease-out}
@keyframes t30pulse{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.t30-ring.is-pulse::after{animation:none}}
.t30-notes{display:grid;gap:1rem}
.t30-note{border-left:4px solid var(--rose);padding:.2rem 0 .2rem 1rem}
.t30-js .t30-note{display:none}.t30-js .t30-note.is-on{display:block}
.t30-note h3{margin:0 0 .5rem;color:var(--crystal);line-height:1.2}
.t30-note h3 small{display:block;font-family:'Quicksand',sans-serif;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);font-weight:700;line-height:1.4;margin-bottom:.35rem}
.t30-note__q{font-family:'Newsreader',serif;font-style:italic;font-size:1.25rem!important;color:var(--rose)}
.t30-note__who{font-size:.76rem!important;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:.6rem 0 .3rem!important}
.t30-note--studio{border-left-color:var(--wall)}
.t30-note--studio .t30-note__q{color:var(--wall)}
.t30-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.t30-play,.t30-next{border:1px solid rgba(243,198,207,.6);background:transparent;color:inherit;border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:700;line-height:1.3;white-space:nowrap}
.t30-play:hover,.t30-next:hover{background:var(--rose);color:var(--earth)}
.t30-next{display:none}.t30-js .t30-next{display:inline-block}
/* SHELF */
.t30-shelf{background:linear-gradient(180deg,#FBE9B0,#FFF8F6)}
.t30-shelf__fig{position:relative;margin:1.4rem 0 1.2rem;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(90,46,23,.18)}
.t30-shelf__fig img{display:block;width:100%;height:auto}
.t30-pin{position:absolute;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;line-height:1.2;color:var(--earth)}
.t30-pin i{flex:none;width:16px;height:16px;border-radius:50%;background:var(--crystal);box-shadow:0 0 0 3px var(--berry),0 0 0 7px rgba(255,255,255,.55)}
.t30-pin span{background:rgba(255,255,255,.92);padding:.25rem .55rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.t30-pin--metal{left:52%;top:31%}
.t30-pin--crystal{right:2.5%;top:55%;flex-direction:column-reverse;align-items:flex-end;gap:.3rem}
.t30-shelf__fig figcaption{background:var(--crystal);padding:.7rem 1rem;font-size:.85rem}
.t30-choice{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}
.t30-choice div{border-radius:16px;padding:.9rem 1rem;background:var(--crystal);box-shadow:0 0 0 1px rgba(90,46,23,.12)}
.t30-choice b{display:block;font-family:'Newsreader',serif;font-size:1.2rem;color:var(--earth)}
.t30-choice div:first-child b::before{content:'';display:inline-block;width:22px;height:12px;margin-right:.45rem;border-radius:2px 2px 12px 12px;background:linear-gradient(#C99A4B,#6B4A22)}
.t30-choice div:last-child b::before{content:'';display:inline-block;width:22px;height:12px;margin-right:.45rem;border-radius:2px 2px 12px 12px;background:#fff;box-shadow:inset 0 0 0 1px #d9c9c9}
.t30-choice p{font-size:.92rem!important;margin:.3rem 0 0}
/* CARE */
.t30-care{background:var(--rose2)}
.t30-quote{margin:0 0 1.2rem;padding:1.4rem 1.4rem 1.2rem;border-radius:22px;background:var(--crystal);box-shadow:0 0 0 1px rgba(160,62,84,.15)}
.t30-quote p{font-family:'Newsreader',serif;font-size:1.45rem!important;line-height:1.35;color:var(--berry)}
.t30-quote .t30-play{border-color:var(--berry);color:var(--berry)}
.t30-quote .t30-play:hover{background:var(--berry);color:#fff}
/* COURSE */
.t30-course{background:var(--earth);color:var(--milk)}
.t30-course h2,.t30-course h3{color:var(--crystal)}
.t30-facts{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.t30-facts li{margin:0;padding:.9rem;border-radius:16px;background:rgba(255,248,246,.08);box-shadow:inset 0 0 0 1px rgba(243,198,207,.3);font-size:.9rem}
.t30-facts li{text-wrap:balance}
.t30-facts b{display:block;white-space:nowrap;font-family:'Newsreader',serif;font-size:1.45rem;color:var(--rose)}
.t30-course ul.t30-learn{padding-left:1.2rem}
.t30-cta{display:inline-block;margin:.6rem 0 1rem;padding:.75rem 1.4rem;border-radius:999px;background:var(--rose);color:var(--earth)!important;font-weight:700;text-decoration:none}
.t30-cta:hover{background:var(--crystal)}
/* FAQ */
.t30-faq__item{border-bottom:1px solid rgba(90,46,23,.15);padding:.9rem 0}
.t30-faq__item summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.t30-faq__item p{margin:.6rem 0 0}
.t30-more{margin:2rem 0 1rem;display:grid;gap:.4rem}
.t30-more p{font-weight:700;margin:0!important}
.t30-more a{color:var(--berry)}
.t30-end{font-family:'Newsreader',serif;font-size:1.6rem!important;color:var(--earth);margin-top:1.6rem!important}
.t30-author{display:flex;gap:1rem;align-items:flex-start;margin-top:1.6rem;padding:1.1rem;border-radius:16px;background:var(--rose2)}
.t30-author img{border-radius:50%}
.t30-author p{margin:0 0 .2rem;font-size:.88rem}
@media (min-width:900px){
 .t30-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"text clip" "lead clip";column-gap:3.5rem;align-items:start}
 .t30-clip{position:sticky;top:110px}
 .t30-rip__grid{grid-template-columns:400px 1fr;gap:3rem}
 .t30-facts{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:420px){.t30-choice{grid-template-columns:1fr}.t30-tally li{grid-template-columns:6.4rem 1fr 1.4rem}}