/* HẢI VŨ PIANO ACADEMY — Thư viện Tri thức V88 */
:root{--hv88-ink:#12344c;--hv88-muted:#667b8a;--hv88-line:#dfe6e9;--hv88-paper:#fffdfa;--hv88-soft:#f5f7f6;--hv88-accent:#a86619;--hv88-serif:Georgia,'Times New Roman',serif;--hv88-sans:'Segoe UI',Arial,sans-serif}
.hv88-article,.hv88-article *{box-sizing:border-box}
.hv88-article{background:var(--hv88-paper);color:var(--hv88-ink);font-family:var(--hv88-sans);font-size:18px;line-height:1.72;word-spacing:normal;letter-spacing:normal;font-kerning:normal;text-rendering:optimizeLegibility}
.hv88-article h1,.hv88-article h2,.hv88-article h3,.hv88-article .hv88-profile-name{font-family:var(--hv88-serif);font-weight:700;letter-spacing:-.018em;word-spacing:normal;font-kerning:normal;font-variant-ligatures:common-ligatures}
.hv88-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.hv88-breadcrumb{padding:28px 0 0;font-size:14px;color:var(--hv88-muted)}.hv88-breadcrumb a{color:inherit;text-decoration:none}.hv88-breadcrumb span{margin:0 8px;color:#9aa8b2}
.hv88-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:54px;align-items:center;padding:42px 0 46px;border-bottom:1px solid var(--hv88-line)}.hv88-kicker{font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--hv88-accent);margin-bottom:14px}.hv88-hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.04;margin:0 0 22px;max-width:760px}.hv88-deck{font-size:20px;line-height:1.62;color:#536c7c;max-width:730px;margin:0 0 20px}.hv88-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:var(--hv88-muted)}.hv88-meta span{padding:7px 11px;border:1px solid var(--hv88-line);border-radius:999px;background:#fff}.hv88-hero-media{margin:0}.hv88-hero-media img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:14px;border:1px solid var(--hv88-line);background:#eef1ef}.hv88-hero-media figcaption{margin-top:9px;font-size:13px;line-height:1.45;color:#7a8b96}
.hv88-body-grid{display:grid;grid-template-columns:minmax(0,820px) 270px;gap:54px;justify-content:center;padding:46px 0 74px}.hv88-content{min-width:0}.hv88-summary{font-size:19px;line-height:1.7;padding:22px 24px;border-left:3px solid var(--hv88-accent);background:var(--hv88-soft);border-radius:0 10px 10px 0;margin:0 0 34px}.hv88-content h2{font-size:34px;line-height:1.2;margin:46px 0 15px}.hv88-content h3{font-size:24px;line-height:1.3;margin:30px 0 12px}.hv88-content p{margin:0 0 18px;color:#3e596a}.hv88-content ul{margin:12px 0 24px;padding-left:23px}.hv88-content li{margin:7px 0;color:#3e596a}.hv88-content a{color:#174e70;text-underline-offset:3px}.hv88-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;padding:23px;border:1px solid var(--hv88-line);border-radius:12px;background:#fff;margin:0 0 34px}.hv88-profile-title{grid-column:1/-1;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--hv88-accent);font-weight:800}.hv88-profile-name{grid-column:1/-1;font-size:30px;line-height:1.2}.hv88-profile-item{font-size:15px;color:#526b7b}.hv88-profile-item strong{display:block;color:var(--hv88-ink);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.hv88-update{padding:16px 18px;border:1px solid #cfe0d7;border-radius:10px;background:#f2f7f4;color:#365f4c;font-size:15px;margin:0 0 30px}.hv88-safe{padding:17px 18px;border:1px solid #ead9c4;border-radius:10px;background:#fbf6ef;color:#765429;font-size:15px;margin:24px 0}.hv88-side{position:relative}.hv88-toc{position:sticky;top:96px;border-top:2px solid var(--hv88-accent);border-bottom:2px solid var(--hv88-accent);padding:18px 0}.hv88-toc strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--hv88-accent);margin-bottom:10px}.hv88-toc a{display:block;padding:8px 0;border-top:1px solid var(--hv88-line);font-size:14px;line-height:1.35;color:#526b7b;text-decoration:none}.hv88-toc a:first-of-type{border-top:0}.hv88-related{margin-top:54px;padding-top:28px;border-top:1px solid var(--hv88-line)}.hv88-related h2{margin-top:0}.hv88-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hv88-related a{display:block;padding:15px 16px;border:1px solid var(--hv88-line);border-radius:10px;text-decoration:none;color:var(--hv88-ink);background:#fff;font-size:15px;line-height:1.4}.hv88-sources{margin-top:42px;padding-top:24px;border-top:1px solid var(--hv88-line)}.hv88-sources h2{font-size:27px;margin-top:0}.hv88-sources li{font-size:15px}.hv88-prevnext{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.hv88-prevnext a{max-width:48%;font-size:14px;text-decoration:none;border:1px solid var(--hv88-line);padding:12px 14px;border-radius:9px;background:#fff}
@media(max-width:980px){.hv88-hero{grid-template-columns:1fr;gap:28px}.hv88-body-grid{grid-template-columns:1fr}.hv88-side{display:none}.hv88-wrap{width:min(100% - 34px,860px)}.hv88-hero h1{font-size:clamp(38px,8vw,54px)}.hv88-profile{grid-template-columns:1fr}}
@media(max-width:620px){.hv88-article{font-size:17px}.hv88-wrap{width:calc(100% - 28px)}.hv88-breadcrumb{padding-top:20px}.hv88-hero{padding:28px 0 32px}.hv88-hero h1{font-size:38px}.hv88-deck{font-size:18px}.hv88-body-grid{padding-top:32px}.hv88-content h2{font-size:29px;margin-top:38px}.hv88-related-grid{grid-template-columns:1fr}.hv88-prevnext{flex-direction:column}.hv88-prevnext a{max-width:none}}