@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/dv211-slow-lora-500.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/dv211-slow-lora-600.woff2') format('woff2')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/dv211-slow-quicksand-400.woff2') format('woff2')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/dv211-slow-quicksand-500.woff2') format('woff2')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/dv211-slow-quicksand-600.woff2') format('woff2')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/dv211-slow-quicksand-700.woff2') format('woff2')}
nav.global-nav{position:sticky;top:0;z-index:1000;background:rgba(224,236,218,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(156,175,136,.2);padding:.8rem 3%;font-size:16px;line-height:1.4;--forest:#0a462c;--sage:#9caf88;--text:#0a462c}
.global-nav .nav-container{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.global-nav .logo{display:flex;flex-shrink:0}.global-nav .logo img{height:56px;width:auto;display:block}
.global-nav ul{list-style:none;margin:0;padding:0}.global-nav .nav-links{display:flex;gap:.5rem;align-items:center}.global-nav a{text-decoration:none;color:#000;font-weight:700;font-size:.78rem;letter-spacing:.3px}.global-nav .nav-links a{display:block;padding:.25rem .35rem;white-space:nowrap}
.global-nav .has-dropdown{position:relative}.global-nav .dropdown-arrow{font-size:.65em;opacity:.5}.global-nav .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:160px;list-style:none;background:#fdfbf7;border:1px solid #d7dfd0;border-radius:12px;padding:.45rem 0;opacity:0;visibility:hidden;box-shadow:0 8px 32px #4a5d3e1a}.global-nav .has-dropdown:hover .dropdown,.global-nav .has-dropdown:focus-within .dropdown{opacity:1;visibility:visible}.global-nav .dropdown a{padding:.55rem 1.3rem}.global-nav .dropdown a:hover{background:#9caf881a}
.global-nav .hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:1002}.global-nav .hamburger span{display:block;width:100%;height:2.5px;background:#0a462c;border-radius:2px}.global-nav .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.global-nav .hamburger.active span:nth-child(2){opacity:0}.global-nav .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.global-nav .mobile-menu{display:none;position:fixed;inset:0;height:100dvh;background:#fbfaf6;z-index:1001;padding:75px 1.2rem 4rem;opacity:0;visibility:hidden;overflow-y:auto}.global-nav .mobile-menu.active{display:block;opacity:1;visibility:visible}.global-nav .mobile-menu>ul{display:flex;flex-direction:column;gap:0}.global-nav .mobile-menu li{width:100%}.global-nav .mobile-menu a{white-space:normal;line-height:1.4}.global-nav .search-container{position:relative;display:flex;align-items:center}.global-nav .search-input{border:1px solid #9caf88;border-radius:20px;width:110px;padding:.4rem 1rem;background:#ffffffb3;font:inherit;font-size:.85rem}.global-nav .search-icon{position:absolute;right:12px;cursor:pointer}.global-nav .mobile-menu .search-input{width:200px}
@media(min-width:861px) and (max-width:1280px){.global-nav .nav-links{gap:.2rem}.global-nav .nav-links a{font-size:.7rem;letter-spacing:0;padding:.2rem .25rem}.global-nav .search-input{width:80px}}
@media(max-width:860px){.global-nav .nav-links{display:none}.global-nav .hamburger{display:flex}.global-nav .mobile-menu{display:block}.global-nav .logo img{height:48px}}
.slow-page *{box-sizing:border-box}
html{scroll-behavior:smooth}
body.slow-page{margin:0;background:#f3ede3;color:#26302e;font:400 18px/1.85 Quicksand,Arial,sans-serif}
.dv211-slow a{color:#2f5753;text-underline-offset:4px}
.dv211-slow a:hover{color:#b6603b}
main.dv211-slow{max-width:720px;margin:auto;padding:44px 28px 64px}
.dv211-slow .kicker{margin:0 0 14px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#b6603b}
.dv211-slow h1,.dv211-slow h2{font-family:Lora,Georgia,serif;font-weight:600;color:#1f3b38;line-height:1.2}
.dv211-slow h1{font-size:48px;margin:0 0 16px;letter-spacing:-.5px}
.dv211-slow .deck{font-size:20px;line-height:1.7;margin:0 0 22px;color:#3f4a47}
.dv211-slow .wave{display:block;width:100%;height:auto;margin:6px 0 10px}
.dv211-slow .wave text{font:500 13px Quicksand,Arial,sans-serif;fill:#7a6c5b}
.dv211-slow .byline{font-size:13px;color:#7a6c5b;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid #ddd2c1}
.dv211-slow article p{margin:0 0 20px}
.dv211-slow .opening>p:first-child{font-family:Lora,Georgia,serif;font-size:27px;line-height:1.45;color:#b6603b;margin-bottom:22px}
.dv211-slow .outline{margin:32px 0 26px;padding:18px 22px;background:#faf7f1;border:1px solid #ddd2c1;border-radius:14px}
.dv211-slow .outline p{margin:0 0 6px;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#7a6c5b}
.dv211-slow .outline ol{margin:0;padding-left:22px;font-size:16px;line-height:1.8}
.dv211-slow .clip{margin:0 0 36px;padding:22px 0;text-align:center}
.dv211-slow .clip video{display:block;width:min(300px,100%);height:auto;aspect-ratio:9/16;margin:0 auto;border-radius:16px;background:#1f2a28;box-shadow:0 14px 34px rgba(31,59,56,.18)}
.dv211-slow .clip figcaption{max-width:440px;margin:14px auto 0;font-size:14px;line-height:1.7;color:#4c5755}
.dv211-slow .clip b{color:#1f3b38}
.dv211-slow .part{margin-top:46px}
.dv211-slow h2{font-size:32px;margin:0 0 18px;scroll-margin-top:20px}
.dv211-slow h2 span{display:block;font:700 13px/1 Quicksand,Arial,sans-serif;letter-spacing:2px;color:#b6603b;margin-bottom:10px}
.dv211-slow blockquote{margin:24px 0;padding:4px 0 4px 22px;border-left:3px solid #b6603b;font-family:Lora,Georgia,serif;font-size:23px;line-height:1.5;color:#1f3b38}
.dv211-slow .check{display:grid;gap:12px;margin:22px 0 10px}
.dv211-slow .card{background:#fff;border:1px solid #ddd2c1;border-radius:14px;padding:0}
.dv211-slow .card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px 1fr;grid-template-areas:"n lab" "n q";column-gap:12px;padding:16px 18px}
.dv211-slow .card summary::-webkit-details-marker{display:none}
.dv211-slow .card .n{grid-area:n;align-self:center;width:36px;height:36px;border-radius:50%;background:#2f5753;color:#fff;display:grid;place-items:center;font-weight:700}
.dv211-slow .card .lab{grid-area:lab;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#b6603b}
.dv211-slow .card .q{grid-area:q;font-weight:600;font-size:18px;color:#1f3b38}
.dv211-slow .card summary::after{content:"Chạm để xem";grid-column:2;font-size:12px;color:#7a6c5b}
.dv211-slow .card[open] summary::after{content:""}
.dv211-slow .card p{margin:0;padding:0 18px 18px 70px;font-size:17px}
.dv211-slow .card[open]{border-color:#2f5753}
.dv211-slow .still{font-size:15px;color:#4c5755;margin:8px 0 0}
.dv211-slow .last{font-family:Lora,Georgia,serif;font-size:30px;color:#b6603b;margin-top:30px}
.dv211-slow .more{margin-top:46px;padding-top:24px;border-top:1px solid #ddd2c1}
.dv211-slow .more h2{font-size:24px;margin-bottom:10px}
.dv211-slow .more a{display:block;margin:10px 0;font-size:16px}
.dv211-slow .more .course{font-weight:700}
.dv211-slow .source{margin-top:28px;padding-top:14px;border-top:1px solid #ddd2c1;font-size:14px;color:#4c5755}
.dv211-slow .source summary{cursor:pointer;font-weight:600}
.dv211-slow .source p{margin:10px 0 0}
.dv211-slow a:focus-visible,.dv211-slow summary:focus-visible,.dv211-slow video:focus-visible{outline:3px solid #b6603b;outline-offset:3px}
@media (max-width:650px){body.slow-page{font-size:17px}
main.dv211-slow{padding:28px 22px 48px}
.dv211-slow h1{font-size:38px}
.dv211-slow .deck{font-size:18px}
.dv211-slow .opening>p:first-child{font-size:24px}
.dv211-slow h2{font-size:28px}
.dv211-slow blockquote{font-size:20px;padding-left:18px}
.dv211-slow .card p{padding-left:18px}
.dv211-slow .last{font-size:27px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.dv211-slow h1,.dv211-slow h2,.dv211-slow blockquote,.dv211-slow .opening>p:first-child{text-wrap:balance}
.dv211-slow .wave{margin:6px 0 12px}
.dv211-slow .wave svg{display:block;width:100%;height:auto}
.dv211-slow .wave figcaption{display:flex;justify-content:space-between;font-size:13px;color:#7a6c5b;margin-top:4px}
:root{--forest:#1f3b38;--soft:#4c5755}html{scroll-padding-top:100px}body.slow-page{overflow-x:visible}.dv211-slow{padding-top:44px}.dv211-slow h2[id]{scroll-margin-top:100px}.dv211-slow .breadcrumb{font-size:13px;line-height:1.6;margin:0 0 24px;color:#7a6c5b}.dv211-slow .outline ol{padding-left:22px}.dv211-slow .author-card{display:flex;gap:18px;align-items:flex-start;background:#faf7f1;border:1px solid #ddd2c1;border-radius:14px;padding:22px;margin-top:32px}.dv211-slow .author-card img{border-radius:50%;object-fit:cover;flex:none}.dv211-slow .author-card p{line-height:1.7}.dv211-slow .byline a{color:inherit}.dv211-slow .source{line-height:1.7}@media(max-width:650px){.dv211-slow .author-card{flex-direction:column}}
/*restyle-v1*/
main.dv211-slow{max-width:none;margin:0;padding:0}
.dv211-slow .hero{position:relative;overflow:hidden;background:radial-gradient(110% 90% at 88% 0%,#2f5a54 0%,#1f3b38 55%,#172e2b 100%);color:#e2dccf}
.dv211-slow .hero-in{max-width:720px;margin:auto;padding:30px 28px 104px;position:relative;z-index:1}
.dv211-slow .hero .breadcrumb{font-size:13px;margin:0 0 30px;color:#a9bab2}
.dv211-slow .hero .breadcrumb a{color:#e2dccf}
.dv211-slow .hero .kicker{color:#e0a458;margin-bottom:14px}
.dv211-slow .hero h1{color:#f8f2e8;font-size:50px;margin:0 0 18px;text-wrap:balance}
.dv211-slow .hero h1 em{display:block;font-style:normal;color:#e0a458}
.dv211-slow .hero .deck{color:#e2dccf;font-size:19px;margin:0 0 18px}
.dv211-slow .hero .byline{border:0;padding:0;margin:0;font-size:13px;color:#a9bab2}
.dv211-slow .hero .byline a{color:#f8f2e8}
.dv211-slow .paper{max-width:720px;margin:auto;padding:40px 28px 64px}
.dv211-slow .lead-q{font-family:Lora,Georgia,serif;font-size:29px;line-height:1.38;color:#b6603b;margin:0 0 22px;padding:2px 0 2px 20px;border-left:4px solid #e0a458;text-wrap:balance}
.dv211-slow .phone{width:min(300px,84%);margin:0 auto;padding:10px;background:#141c1b;border-radius:32px;box-shadow:0 26px 50px -20px rgba(20,28,27,.6)}
.dv211-slow .clip{margin:6px 0 42px;padding:0}
.dv211-slow .phone video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:23px;background:#000;box-shadow:none;margin:0}
.dv211-slow .clip figcaption{font-family:Lora,Georgia,serif;font-size:17px;line-height:1.55;color:#1f3b38;max-width:420px;margin:16px auto 0;text-align:center}
.dv211-slow .clip figcaption b{font-weight:600}
.dv211-slow .last{text-align:center;font-family:Lora,Georgia,serif;font-size:32px;color:#1f3b38;margin:52px 0 6px}
.dv211-slow .last span{display:block;width:10px;height:10px;margin:0 auto 18px;border-radius:50%;background:#e0a458;box-shadow:0 0 0 7px rgba(224,164,88,.22)}
.dv211-slow .more{margin-top:52px;padding-top:24px;border-top:1px solid #ddd2c1}
.dv211-slow .more h2{font-size:26px;margin:0 0 6px}
.dv211-slow .more a{display:block;margin:0;padding:13px 0;border-bottom:1px solid #ddd2c1;text-decoration:none;color:#1f3b38;font-weight:600;font-size:16px;line-height:1.5}
.dv211-slow .more a:hover{color:#b6603b}
.dv211-slow .more a span{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#b6603b;margin-bottom:2px}
.dv211-slow .more .course{font-weight:700}
@media(max-width:650px){.dv211-slow .hero-in{padding:24px 22px 92px}.dv211-slow .hero h1{font-size:38px}.dv211-slow .hero .deck{font-size:17px}.dv211-slow .paper{padding:30px 22px 48px}.dv211-slow .lead-q{font-size:24px;padding-left:16px}.dv211-slow .last{font-size:28px}}

.dv211-slow .hero-wave{position:absolute;left:0;bottom:22px;width:100%;height:64px}
.dv211-slow .hero-wave path{fill:none;stroke:#e0a458;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;opacity:.9;stroke-dasharray:3000;stroke-dashoffset:3000;animation:dv211draw 3.4s ease-out .2s forwards}
@keyframes dv211draw{to{stroke-dashoffset:0}}
.dv211-slow .route{margin:34px 0 34px;padding:20px 20px 10px;background:#e8dcc6;border-radius:20px}
.dv211-slow .route-h{margin:0 0 12px!important;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#7a5a3c}
.dv211-slow .route ol{list-style:none;margin:0;padding:0;position:relative}
.dv211-slow .route ol:before{content:"";position:absolute;left:17px;top:20px;bottom:34px;border-left:2px dotted #b39572}
.dv211-slow .route a{display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:5px 0 13px;text-decoration:none;color:inherit;position:relative}
.dv211-slow .route b{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#1f3b38;color:#f6efe3;display:grid;place-items:center;font-size:15px}
.dv211-slow .route li:nth-child(2) b{background:#b6603b}
.dv211-slow .route .t{font-weight:700;color:#1f3b38;line-height:1.4;font-size:17px}
.dv211-slow .route .s{font-size:14px;line-height:1.5;color:#6d604f}
.dv211-slow .route a:hover .t{color:#b6603b}
.dv211-slow h2 span{font:600 46px/1 Lora,Georgia,serif;letter-spacing:0;color:transparent;-webkit-text-stroke:1.3px #b6603b;margin-bottom:8px}
.dv211-slow .part{margin-top:56px}
.dv211-slow blockquote{position:relative;margin:26px 0;padding:18px 22px 18px 56px;background:#fbf7ef;border:0;border-radius:18px;box-shadow:0 1px 0 #e0d3bd;font-size:21px;color:#1f3b38}
.dv211-slow blockquote:before{content:"“";position:absolute;left:16px;top:8px;font:600 56px/1 Lora,Georgia,serif;color:#e0a458}
.dv211-slow .tempo{margin:30px 0;padding:22px 22px 18px;background:#1f3b38;color:#e2dccf;border-radius:22px}
.dv211-slow .tempo .tempo-k{margin:0 0 4px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#e0a458}
.dv211-slow .tempo h3{margin:0 0 12px;font:600 24px/1.3 Lora,Georgia,serif;color:#f8f2e8}
.dv211-slow .tempo svg{display:block;width:100%;height:auto;background:rgba(255,255,255,.05);border-radius:14px}
.dv211-slow .tempo path{fill:none;stroke:#e9b07a;stroke-width:3;stroke-linejoin:round}
.dv211-slow .tempo input{display:block;width:100%;margin:16px 0 4px;accent-color:#e0a458;height:28px;cursor:pointer}
.dv211-slow .tempo-ends{display:flex;justify-content:space-between;font-size:13px;color:#a9bab2}
.dv211-slow .tempo .tempo-say{margin:14px 0 8px;min-height:2.9em;font:500 21px/1.4 Lora,Georgia,serif;color:#f8f2e8}
.dv211-slow .tempo figcaption{font-size:12px;color:#93a69d}
.dv211-slow .rest{margin:26px 0;padding:16px 16px 14px;background:#fbf7ef;border-radius:18px;box-shadow:0 1px 0 #e0d3bd}
.dv211-slow .rest svg{display:block;width:100%;height:auto}
.dv211-slow .rest ol{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:13px;line-height:1.45;color:#4c5755}
.dv211-slow .rest i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.dv211-slow .rest b{color:#1f3b38;font-size:14px;display:inline}
.dv211-slow .rest li b:after{content:"";display:block}
.dv211-slow .check{background:#1f3b38;padding:20px;border-radius:22px;gap:10px}
.dv211-slow .check .check-k{margin:0 0 4px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#e0a458}
.dv211-slow .check .card{border:0}
.dv211-slow .check .still{color:#c9d3cd;margin-top:6px}
@media(max-width:650px){.dv211-slow h2 span{font-size:40px}.dv211-slow blockquote{font-size:19px;padding-left:48px}.dv211-slow blockquote:before{left:12px}.dv211-slow .rest ol{font-size:12px;gap:8px}.dv211-slow .tempo .tempo-say{font-size:19px}}
@media(prefers-reduced-motion:reduce){.dv211-slow .hero-wave path{animation:none;stroke-dashoffset:0}}
