/* v1.3.12 hard CSS boundary: this file is loaded only on standalone DSM canvas pages. */
#dsm-canvas-main .dsm-plugin-scope,
#dsm-canvas-main .dsm-plugin-scope *{
  box-sizing:border-box!important;
}
#dsm-canvas-main .dsm-plugin-scope{
  isolation:isolate!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* All frontend styles are deliberately namespaced to avoid theme/Elementor conflicts. */
.dsm-wrap,
.dsm-floating,
.dsm-ad { --dsm-bg:#f5f7fb;--dsm-card:#fff;--dsm-text:#111827;--dsm-muted:#667085;--dsm-line:#e5e7eb;--dsm-primary:#111827;--dsm-accent:#2563eb;--dsm-radius:18px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--dsm-text) }
.dsm-wrap *,.dsm-floating *,.dsm-ad *{box-sizing:border-box}
.dsm-wrap{width:min(1120px,calc(100% - 32px));margin:40px auto 70px;line-height:1.6}
.dsm-wrap h1,.dsm-wrap h2,.dsm-wrap h3,.dsm-ad h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--dsm-text);letter-spacing:-.035em;text-transform:none}
.dsm-hero-card{padding:clamp(28px,5vw,58px);border:1px solid rgba(17,24,39,.08);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(37,99,235,.16),transparent 34%),linear-gradient(135deg,#fff,#f4f7ff);box-shadow:0 22px 65px rgba(17,24,39,.08);margin-bottom:24px;overflow:hidden}
.dsm-hero-card h1{font-size:clamp(34px,6vw,64px);line-height:1.02;margin:10px 0 16px;max-width:880px;font-weight:750}
.dsm-hero-card p{max-width:790px;color:var(--dsm-muted);font-size:clamp(16px,2vw,19px);margin:0}
.dsm-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1;font-weight:800;letter-spacing:.16em;color:var(--dsm-accent)}
.dsm-kicker:before{content:"";width:18px;height:2px;background:currentColor;border-radius:99px}
.dsm-form,.dsm-payment-card{background:var(--dsm-card);border:1px solid var(--dsm-line);border-radius:var(--dsm-radius);padding:clamp(20px,4vw,38px);box-shadow:0 14px 40px rgba(17,24,39,.05)}
.dsm-form{display:grid;gap:20px}
.dsm-grid{display:grid;gap:18px}.dsm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dsm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dsm-field{display:grid;gap:8px;min-width:0}.dsm-field label{font-weight:700;font-size:14px;color:#222b3a}.dsm-field label span{color:#dc2626}
.dsm-field input,.dsm-field textarea,.dsm-form select{width:100%;min-height:48px;padding:11px 14px;border:1px solid #d0d5dd!important;border-radius:11px!important;background:#fff!important;color:#111827!important;font:inherit!important;box-shadow:none!important;outline:none;transition:border-color .18s,box-shadow .18s}
.dsm-field textarea{min-height:110px;resize:vertical}.dsm-field input:focus,.dsm-field textarea:focus,.dsm-form select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.11)!important}
.dsm-field input[type=file]{padding:9px;background:#f9fafb!important}.dsm-field small{color:var(--dsm-muted);font-size:12px}
.dsm-check{display:flex;gap:10px;align-items:flex-start;color:#475467;font-size:14px}.dsm-check input{margin-top:5px;flex:0 0 auto}
.dsm-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 20px!important;border-radius:11px!important;border:1px solid transparent!important;font:700 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-decoration:none!important;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;width:auto;color:inherit}
.dsm-btn:hover{transform:translateY(-1px)}.dsm-btn-primary{background:var(--dsm-primary)!important;color:#fff!important;box-shadow:0 10px 22px rgba(17,24,39,.18)}.dsm-btn-primary:hover{background:#000!important;color:#fff!important}.dsm-btn-secondary{background:#fff!important;color:#111827!important;border-color:#d0d5dd!important}
.dsm-alert{padding:15px 17px;border-radius:12px;border:1px solid #d0d5dd;background:#f8fafc;margin:0 0 20px}.dsm-alert-error{color:#991b1b;border-color:#fecaca;background:#fef2f2}.dsm-alert-success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}
.dsm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.dsm-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:4px}.dsm-plan{position:relative;display:grid;gap:8px;padding:23px;border:1px solid #d0d5dd;border-radius:16px;cursor:pointer;background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s;overflow:hidden}.dsm-plan:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,24,39,.08)}.dsm-plan:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}.dsm-plan input{position:absolute;right:16px;top:16px}.dsm-plan-title{font-weight:800}.dsm-plan strong{font-size:28px;line-height:1.1}.dsm-plan strong small{font-size:14px}.dsm-plan em{font-size:13px;color:var(--dsm-muted);font-style:normal}.dsm-plan.is-featured{background:linear-gradient(145deg,#eff6ff,#fff)}.dsm-plan-badge{position:absolute;right:-33px;top:14px;transform:rotate(38deg);background:#2563eb;color:#fff;font-size:10px;font-weight:800;padding:4px 34px;text-transform:uppercase;letter-spacing:.08em}.dsm-benefits{padding:15px 17px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;color:#475467}
.dsm-payment-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.dsm-payment-card h2{font-size:24px;margin:0 0 18px}.dsm-payment-card dl{display:grid;gap:0;margin:0 0 18px}.dsm-payment-card dl div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f3}.dsm-payment-card dt{color:var(--dsm-muted)}.dsm-payment-card dd{margin:0;font-weight:750;word-break:break-word}.dsm-copy{cursor:pointer;color:#1d4ed8}.dsm-qr{display:block;width:min(230px,100%);height:auto;margin:0 auto 22px;border-radius:14px;border:1px solid #e5e7eb}.dsm-help{color:var(--dsm-muted);font-size:13px;margin-top:15px}
.dsm-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dsm-guide-card{background:#fff;border:1px solid var(--dsm-line);border-radius:16px;padding:24px}.dsm-guide-card>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8;border-radius:10px;font-weight:800}.dsm-guide-card h3{font-size:20px;margin:16px 0 8px}.dsm-guide-card p{color:var(--dsm-muted);margin:0}.dsm-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dsm-floating{position:fixed;top:50%;z-index:99990;display:grid;gap:9px;transform:translateY(-50%)}.dsm-floating.is-right{right:14px}.dsm-floating.is-left{left:14px}.dsm-floating a{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 11px;border-radius:13px;background:rgba(17,24,39,.95);color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px);transition:transform .18s,background .18s}.dsm-floating a:hover{transform:translateX(-3px);background:#2563eb}.dsm-floating.is-left a:hover{transform:translateX(3px)}.dsm-floating span{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.12);font-weight:800}.dsm-floating b{font-size:12px;white-space:nowrap}
.dsm-ad{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}.dsm-ad.is-visible{display:flex}.dsm-ad-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.68);backdrop-filter:blur(7px);animation:dsmFade .22s ease both}.dsm-ad-card{position:relative;z-index:1;width:min(900px,100%);max-height:min(690px,calc(100vh - 40px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.45);animation:dsmPop .32s cubic-bezier(.2,.8,.2,1) both}.dsm-ad-image{display:block;min-height:360px;background:#edf2f7;overflow:hidden}.dsm-ad-image img{display:block;width:100%;height:100%;object-fit:cover}.dsm-ad-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,52px)}.dsm-ad-content h2{font-size:clamp(30px,5vw,50px);line-height:1.02;margin:12px 0 14px}.dsm-ad-content p{color:#667085;font-size:16px;margin:0 0 20px}.dsm-ad-content .dsm-ad-expert{margin-bottom:9px;color:#344054}.dsm-ad-content .dsm-btn{align-self:flex-start}.dsm-ad-close{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(17,24,39,.86);color:#fff;font:300 27px/1 Arial;cursor:pointer}.dsm-ad-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(15,23,42,.08)}.dsm-ad-progress i{display:block;width:100%;height:100%;background:#2563eb;transform-origin:left;animation-name:dsmProgress;animation-timing-function:linear;animation-fill-mode:both}
@keyframes dsmFade{from{opacity:0}to{opacity:1}}@keyframes dsmPop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes dsmProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:900px){.dsm-grid-3,.dsm-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dsm-payment-grid{grid-template-columns:1fr}.dsm-ad-card{grid-template-columns:1fr;overflow:auto}.dsm-ad-image{min-height:220px;max-height:300px}.dsm-ad-content{padding:28px}.dsm-plans{grid-template-columns:1fr}}
@media(max-width:640px){.dsm-wrap{width:min(100% - 20px,1120px);margin:20px auto 50px}.dsm-hero-card{border-radius:20px;padding:26px 20px}.dsm-form,.dsm-payment-card{padding:19px;border-radius:14px}.dsm-grid-2,.dsm-grid-3,.dsm-guide-grid{grid-template-columns:1fr}.dsm-floating{top:auto;left:10px!important;right:10px!important;bottom:10px;transform:none;grid-template-columns:repeat(3,1fr);gap:6px}.dsm-floating a{justify-content:center;min-width:0;padding:8px 6px}.dsm-floating a:hover{transform:none!important}.dsm-floating b{font-size:10px}.dsm-payment-card dl div{grid-template-columns:1fr;gap:2px}.dsm-ad{padding:10px}.dsm-ad-card{max-height:calc(100vh - 20px);border-radius:17px}.dsm-ad-image{min-height:180px}.dsm-ad-content h2{font-size:32px}}

/* v1.1: compact icon actions, Google Doc repeater, live pricing and Zalo flow. */
.dsm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dsm-sample-box,.dsm-support-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin:0 0 20px;border:1px solid #dbe4f0;border-radius:18px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 12px 32px rgba(17,24,39,.05)}
.dsm-sample-box h2,.dsm-support-box h2{margin:8px 0 5px;font-size:clamp(22px,3vw,32px);line-height:1.1}.dsm-sample-box p,.dsm-support-box p{margin:0;color:var(--dsm-muted)}
.dsm-section-heading{display:flex;align-items:flex-start;gap:14px;padding-top:4px}.dsm-section-heading>span{display:inline-flex;flex:0 0 38px;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#111827;color:#fff;font-weight:800;font-size:12px}.dsm-section-heading h2{font-size:22px;line-height:1.15;margin:1px 0 4px}.dsm-section-heading p{margin:0;color:var(--dsm-muted);font-size:14px}
.dsm-article-list{display:grid;gap:14px}.dsm-article-row{position:relative;display:grid;gap:16px;padding:20px;border:1px solid #dce2ea;border-radius:15px;background:#fbfcfe}.dsm-article-row-head{display:flex;align-items:center;justify-content:space-between}.dsm-article-row-head strong{font-size:16px}.dsm-row-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#667085;font:500 21px/1 Arial;cursor:pointer}.dsm-row-remove:hover{color:#b42318;border-color:#fecaca;background:#fff5f5}.dsm-article-row:only-child .dsm-row-remove{opacity:.35;pointer-events:none}
.dsm-add-row{justify-self:start;min-height:42px;padding:9px 14px;border:1px dashed #98a2b3;border-radius:11px;background:#fff;color:#344054;font:700 13px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.dsm-add-row:hover{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}
.dsm-price-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d9e2ee;border-radius:16px;overflow:hidden;background:#f8fafc}.dsm-price-box>div{display:grid;gap:5px;padding:18px;border-right:1px solid #e4e7ec}.dsm-price-box>div:last-child{border-right:0}.dsm-price-box span{color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dsm-price-box strong{font-size:17px}.dsm-price-box .is-total{background:#111827;color:#fff}.dsm-price-box .is-total span{color:#cbd5e1}.dsm-price-box .is-total strong{font-size:21px;color:#fff}
.dsm-payment-card dd{display:flex;align-items:center;justify-content:space-between;gap:10px}.dsm-copy-button{flex:0 0 auto;min-height:31px;padding:6px 9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font:700 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.dsm-copy-button:hover{border-color:#2563eb;color:#1d4ed8}.dsm-copy-button.is-primary{background:#111827;color:#fff;border-color:#111827}.dsm-payment-content-row{grid-template-columns:130px 1fr!important}.dsm-payment-content-row dd{align-items:flex-start;flex-direction:column}.dsm-payment-content-row code{display:block;width:100%;padding:10px 12px;border-radius:9px;background:#f1f5f9;color:#0f172a;font:700 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.dsm-payment-amount{color:#b42318;font-size:22px!important}.dsm-qr-note{text-align:center;color:#667085;font-size:12px;margin:-10px 0 14px}.dsm-order-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.dsm-order-summary>*{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2f6;color:#344054;font-size:12px}
.dsm-success-card{padding:clamp(28px,5vw,56px);border:1px solid #bbf7d0;border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(34,197,94,.13),transparent 36%),linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 20px 55px rgba(22,101,52,.09);text-align:center}.dsm-success-card h1{font-size:clamp(32px,5vw,54px);line-height:1.04;margin:12px auto 14px;max-width:800px}.dsm-success-card p{max-width:720px;margin:0 auto;color:#52616b;font-size:17px}.dsm-success-icon{display:inline-flex;width:60px;height:60px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:#16a34a;color:#fff;font-size:31px;font-weight:800;box-shadow:0 12px 25px rgba(22,163,74,.25)}.dsm-success-order{display:inline-flex;margin:20px 0 4px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #bbf7d0;color:#166534}
.dsm-zalo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.dsm-zalo-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:11px 16px!important;border-radius:11px!important;background:#0068ff!important;color:#fff!important;text-decoration:none!important;font:800 13px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:0 9px 22px rgba(0,104,255,.19)}.dsm-zalo-button:hover{background:#0057d7!important;color:#fff!important;transform:translateY(-1px)}
.dsm-video-section{margin-top:28px}.dsm-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}.dsm-video-card{position:relative;min-height:220px;overflow:hidden;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.dsm-video-card iframe,.dsm-video-card video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}.dsm-video-card>a{display:flex;align-items:center;justify-content:center;min-height:220px;padding:20px;text-align:center}.dsm-support-box{margin-top:28px}.dsm-support-box .dsm-zalo-actions{margin-top:0;justify-content:flex-end}

.dsm-floating{top:50%;gap:7px;transform:translateY(-50%)}.dsm-floating.is-right{right:9px}.dsm-floating.is-left{left:9px}.dsm-floating a{position:relative;display:flex;width:42px;height:42px;min-height:42px;padding:0!important;align-items:center;justify-content:center;border-radius:12px;background:#111827;color:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.2);backdrop-filter:none}.dsm-floating a.is-submit{background:#ef4444}.dsm-floating a.is-member{background:#2563eb}.dsm-floating a.is-guide{background:#16a34a}.dsm-floating a:hover{transform:translateX(-2px) scale(1.04);filter:brightness(.96)}.dsm-floating.is-left a:hover{transform:translateX(2px) scale(1.04)}.dsm-floating a:after{content:attr(data-label);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(5px);padding:6px 8px;border-radius:7px;background:#111827;color:#fff;font:700 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.16s}.dsm-floating.is-left a:after{right:auto;left:calc(100% + 8px)}.dsm-floating a:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.dsm-float-icon{display:flex!important;width:21px!important;height:21px!important;align-items:center!important;justify-content:center!important;border-radius:0!important;background:transparent!important}.dsm-float-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:820px){.dsm-price-box{grid-template-columns:repeat(2,minmax(0,1fr))}.dsm-price-box>div:nth-child(2){border-right:0}.dsm-price-box>div:nth-child(-n+2){border-bottom:1px solid #e4e7ec}.dsm-video-grid{grid-template-columns:1fr}.dsm-sample-box,.dsm-support-box{align-items:flex-start;flex-direction:column}.dsm-support-box .dsm-zalo-actions{justify-content:flex-start}}
@media(max-width:640px){.dsm-price-box{grid-template-columns:1fr}.dsm-price-box>div{border-right:0;border-bottom:1px solid #e4e7ec!important}.dsm-price-box>div:last-child{border-bottom:0!important}.dsm-article-row{padding:16px}.dsm-payment-content-row{grid-template-columns:1fr!important}.dsm-floating{top:50%!important;bottom:auto!important;left:auto!important;right:7px!important;transform:translateY(-50%)!important;grid-template-columns:1fr!important;gap:6px!important}.dsm-floating.is-left{left:7px!important;right:auto!important}.dsm-floating a{width:39px;height:39px;min-height:39px;padding:0!important}.dsm-floating a:after{display:none}.dsm-sample-box,.dsm-support-box{padding:20px}.dsm-zalo-actions{width:100%}.dsm-zalo-button{flex:1 1 150px}}

/* v1.2: expanded writing guide, examples and editorial standards. */
.dsm-guide-section{margin-top:28px;padding:clamp(22px,4vw,36px);border:1px solid var(--dsm-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(17,24,39,.045)}
.dsm-guide-heading{margin-bottom:22px}.dsm-guide-heading>span{background:#2563eb}.dsm-guide-heading h2{font-size:clamp(24px,3vw,34px);margin:0 0 6px}.dsm-guide-heading p{max-width:850px}
.dsm-writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dsm-writing-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #dfe5ed;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff)}
.dsm-writing-card-top{display:flex;align-items:center;gap:11px}.dsm-writing-card-top>span{display:inline-flex;flex:0 0 auto;min-width:44px;height:32px;padding:0 9px;align-items:center;justify-content:center;border-radius:9px;background:#111827;color:#fff;font-size:11px;font-weight:850;letter-spacing:.08em}.dsm-writing-card h3{font-size:21px;line-height:1.15;margin:0}.dsm-writing-card h4{font-size:14px;margin:18px 0 7px}.dsm-writing-lead{color:#475467;margin:15px 0 0}.dsm-writing-card ul{display:grid;gap:8px;margin:6px 0 18px;padding-left:20px;color:#475467;font-size:14px}.dsm-writing-card li::marker{color:#2563eb}.dsm-pros-cons{display:grid;gap:10px;margin-top:auto}.dsm-pros-cons>div{padding:13px 14px;border-radius:12px;background:#f7f9fc;border:1px solid #e7ebf1}.dsm-pros-cons b{display:block;font-size:12px;color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em}.dsm-pros-cons p{font-size:13px;line-height:1.55;color:#667085;margin:5px 0 0}
.dsm-example-section{background:radial-gradient(circle at 100% 0,rgba(37,99,235,.08),transparent 28%),#fff}.dsm-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dsm-example-card{padding:23px;border:1px solid #dfe5ed;border-radius:17px;background:#fff}.dsm-example-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:850;letter-spacing:.08em}.dsm-example-card h3{font-size:19px;line-height:1.25;margin:14px 0 10px}.dsm-title-list{display:grid;gap:9px;margin:0 0 16px;padding-left:19px;color:#344054}.dsm-title-list li{padding-left:2px}.dsm-title-list li::marker{color:#2563eb}.dsm-example-card>p{padding-top:14px;border-top:1px solid #edf0f3;color:#667085;font-size:13px;margin:0}
.dsm-standard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dsm-standard-grid article{padding:18px;border:1px solid #e1e6ed;border-radius:14px;background:#fbfcfe}.dsm-standard-grid b{display:block;font-size:16px;color:#111827;margin-bottom:6px}.dsm-standard-grid p{font-size:13px;color:#667085;margin:0}
.dsm-rule-box{margin-top:18px;padding:22px;border:1px solid #dce4ee;border-radius:16px;background:#f8fafc}.dsm-rule-box h3{font-size:20px;margin:0 0 12px}.dsm-rule-box ol{display:grid;gap:9px;margin:0;padding-left:22px;color:#475467}.dsm-rule-box li::marker{color:#2563eb;font-weight:800}
.dsm-sponsored-note{margin-top:18px;padding:19px 21px;border:1px solid #fde68a;border-radius:15px;background:#fffbeb}.dsm-sponsored-note>strong{display:block;color:#92400e;font-size:16px;margin-bottom:5px}.dsm-sponsored-note p{color:#78350f;margin:0;font-size:14px}
.dsm-guide-section .dsm-guide-actions{margin-bottom:0}
@media(max-width:980px){.dsm-writing-grid,.dsm-example-grid{grid-template-columns:1fr}.dsm-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dsm-guide-section{padding:19px;border-radius:17px}.dsm-standard-grid{grid-template-columns:1fr}.dsm-writing-card,.dsm-example-card{padding:18px}.dsm-writing-card-top{align-items:flex-start;flex-direction:column}.dsm-guide-heading{margin-bottom:18px}}


/* v1.2.1: full-page layouts, smaller headings and Zalo-only payment confirmation. */
body.dsm-fullpage-page main,
body.dsm-fullpage-page .site-main,
body.dsm-fullpage-page .content-area,
body.dsm-fullpage-page .site-content,
body.dsm-fullpage-page .entry-content,
body.dsm-fullpage-page .wp-site-blocks main{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.dsm-fullpage-page .entry-title,
body.dsm-fullpage-page .page-title{display:none!important}
body.dsm-fullpage-page .entry-content{margin-top:0!important}
.dsm-wrap.dsm-article-page,.dsm-wrap.dsm-member-page,.dsm-wrap.dsm-guide-page{width:100vw;max-width:none;margin:0 calc(50% - 50vw);padding:38px max(22px,calc((100vw - 1380px)/2)) 70px;background:var(--dsm-bg);min-height:calc(100vh - 1px)}
.dsm-article-page>.dsm-hero-card,.dsm-article-page>.dsm-form,.dsm-article-page>.dsm-payment-grid,.dsm-article-page>.dsm-sample-box,.dsm-article-page>.dsm-alert,.dsm-article-page>.dsm-success-card,.dsm-member-page>.dsm-hero-card,.dsm-member-page>.dsm-form,.dsm-member-page>.dsm-payment-grid,.dsm-member-page>.dsm-alert,.dsm-member-page>.dsm-success-card,.dsm-guide-page>.dsm-hero-card,.dsm-guide-page>.dsm-guide-section,.dsm-guide-page>.dsm-guide-grid,.dsm-guide-page>.dsm-video-section,.dsm-guide-page>.dsm-support-box,.dsm-guide-page>.dsm-guide-actions{width:100%;max-width:1380px;margin-left:auto;margin-right:auto}
.dsm-hero-card h1{font-size:clamp(28px,4vw,46px);line-height:1.08}
.dsm-hero-card p{font-size:clamp(14px,1.5vw,17px)}
.dsm-sample-box h2,.dsm-support-box h2{font-size:clamp(19px,2.2vw,26px)}
.dsm-section-heading h2{font-size:19px}
.dsm-payment-card h2{font-size:21px}
.dsm-guide-heading h2{font-size:clamp(20px,2.4vw,28px)}
.dsm-writing-card h3{font-size:18px}.dsm-example-card h3{font-size:17px}.dsm-rule-box h3{font-size:18px}
.dsm-success-card h1{font-size:clamp(27px,4vw,44px)}
.dsm-payment-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}
.dsm-zalo-payment-card{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,rgba(0,104,255,.10),transparent 35%),#fff}
.dsm-zalo-payment-card>p{color:var(--dsm-muted)}
.dsm-zalo-payment-card .dsm-zalo-actions{justify-content:flex-start}
.dsm-zalo-steps{display:grid;gap:9px;margin:16px 0 2px;padding-left:22px;color:#344054}
.dsm-zalo-steps li::marker{color:#0068ff;font-weight:800}
@media(max-width:900px){.dsm-payment-grid{grid-template-columns:1fr}}
@media(max-width:640px){.dsm-wrap.dsm-article-page,.dsm-wrap.dsm-member-page,.dsm-wrap.dsm-guide-page{width:100vw;margin:0 calc(50% - 50vw);padding:20px 10px 56px}.dsm-hero-card h1{font-size:27px}.dsm-section-heading h2{font-size:18px}.dsm-payment-card h2{font-size:20px}}


/* v1.2.2: standalone full-page canvas and hard CSS isolation. */
html:has(body.dsm-canvas-body),
body.dsm-canvas-body{
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#f4f7fb!important;
    overflow-x:hidden!important;
    color:#111827!important;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:16px!important;
    line-height:1.65!important;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
body.dsm-canvas-body::before,
body.dsm-canvas-body::after{display:none!important;content:none!important}
body.dsm-canvas-body .dsm-canvas-main,
#dsm-canvas-main{
    display:block!important;
    position:relative!important;
    isolation:isolate!important;
    width:100vw!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#f4f7fb!important;
    overflow:visible!important;
}
body.dsm-canvas-body .dsm-wrap{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100vh!important;
    margin:0!important;
    padding:clamp(24px,3.4vw,54px) clamp(16px,4vw,72px) clamp(54px,6vw,90px)!important;
    border:0!important;
    border-radius:0!important;
    background:#f4f7fb!important;
    box-shadow:none!important;
    overflow:visible!important;
    color:#111827!important;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    line-height:1.65!important;
}
body.dsm-canvas-body .dsm-wrap,
body.dsm-canvas-body .dsm-wrap *{
    box-sizing:border-box!important;
}
body.dsm-canvas-body .dsm-wrap > *{
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
body.dsm-canvas-body .dsm-wrap :where(p,li,dt,dd,label,input,textarea,select,button,a,small,em,strong,span){
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.dsm-canvas-body .dsm-wrap :where(h1,h2,h3,h4,h5,h6),
body.dsm-canvas-body .dsm-ad :where(h1,h2,h3,h4,h5,h6){
    font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-style:normal!important;
    font-weight:600!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    color:#111827!important;
}
body.dsm-canvas-body .dsm-wrap h1{
    font-size:clamp(27px,3vw,42px)!important;
    line-height:1.12!important;
}
body.dsm-canvas-body .dsm-wrap h2{
    font-size:clamp(20px,2vw,27px)!important;
    line-height:1.24!important;
}
body.dsm-canvas-body .dsm-wrap h3{
    font-size:clamp(16px,1.45vw,20px)!important;
    line-height:1.35!important;
}
body.dsm-canvas-body .dsm-wrap h4{
    font-size:15px!important;
    line-height:1.4!important;
}
body.dsm-canvas-body .dsm-wrap p,
body.dsm-canvas-body .dsm-wrap li,
body.dsm-canvas-body .dsm-wrap dt,
body.dsm-canvas-body .dsm-wrap dd{
    font-size:14px!important;
}
body.dsm-canvas-body .dsm-hero-card{
    padding:clamp(26px,4vw,54px)!important;
}
body.dsm-canvas-body .dsm-hero-card h1{
    max-width:920px!important;
    margin:8px 0 13px!important;
}
body.dsm-canvas-body .dsm-hero-card p{
    max-width:900px!important;
    font-size:clamp(14px,1.2vw,16px)!important;
}
body.dsm-canvas-body .dsm-form,
body.dsm-canvas-body .dsm-payment-card,
body.dsm-canvas-body .dsm-guide-section,
body.dsm-canvas-body .dsm-sample-box,
body.dsm-canvas-body .dsm-support-box{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.dsm-canvas-body .dsm-field input,
body.dsm-canvas-body .dsm-field textarea,
body.dsm-canvas-body .dsm-form select{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:14px!important;
    line-height:1.45!important;
}
body.dsm-canvas-body .dsm-btn,
body.dsm-canvas-body button{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
body.dsm-canvas-body .dsm-guide-heading h2,
body.dsm-canvas-body .dsm-section-heading h2,
body.dsm-canvas-body .dsm-payment-card h2,
body.dsm-canvas-body .dsm-sample-box h2,
body.dsm-canvas-body .dsm-support-box h2{
    font-size:clamp(19px,1.7vw,25px)!important;
}
body.dsm-canvas-body .dsm-writing-card h3,
body.dsm-canvas-body .dsm-example-card h3,
body.dsm-canvas-body .dsm-rule-box h3,
body.dsm-canvas-body .dsm-guide-card h3{
    font-size:17px!important;
}
body.dsm-canvas-body .dsm-kicker{
    font-family:"Inter",sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
}
body.dsm-canvas-body a:focus,
body.dsm-canvas-body button:focus,
body.dsm-canvas-body input:focus,
body.dsm-canvas-body textarea:focus,
body.dsm-canvas-body select:focus{
    outline:none!important;
}
.dsm-ad h2{
    font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-weight:600!important;
}
.dsm-ad p,.dsm-ad a,.dsm-ad button,.dsm-floating a{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
@media(max-width:700px){
    body.dsm-canvas-body .dsm-wrap{
        padding:18px 10px 58px!important;
    }
    body.dsm-canvas-body .dsm-wrap h1{font-size:27px!important}
    body.dsm-canvas-body .dsm-wrap h2{font-size:20px!important}
    body.dsm-canvas-body .dsm-wrap h3{font-size:16px!important}
    body.dsm-canvas-body .dsm-form,
    body.dsm-canvas-body .dsm-payment-card,
    body.dsm-canvas-body .dsm-guide-section{
        padding:18px!important;
    }
}


/* v1.3.0: colorful conversion-focused pages and per-article add-ons. */
body.dsm-canvas-body{
    --dsm-indigo:#4f46e5;
    --dsm-blue:#2563eb;
    --dsm-cyan:#06b6d4;
    --dsm-purple:#9333ea;
    --dsm-pink:#ec4899;
    --dsm-orange:#f97316;
    --dsm-green:#10b981;
    background:#eef2ff!important;
}
body.dsm-canvas-body .dsm-wrap{position:relative!important;background-image:linear-gradient(180deg,#f7f8ff 0,#eef6ff 48%,#fff7ed 100%)!important}
body.dsm-canvas-body .dsm-article-page{background-image:radial-gradient(circle at 8% 5%,rgba(37,99,235,.16),transparent 25%),radial-gradient(circle at 92% 22%,rgba(147,51,234,.12),transparent 28%),linear-gradient(180deg,#f6f8ff,#eff8ff 55%,#fffaf2)!important}
body.dsm-canvas-body .dsm-member-page{background-image:radial-gradient(circle at 10% 8%,rgba(236,72,153,.14),transparent 26%),radial-gradient(circle at 91% 20%,rgba(249,115,22,.14),transparent 28%),linear-gradient(180deg,#fff7fb,#fff8f0 52%,#f4f7ff)!important}
body.dsm-canvas-body .dsm-guide-page{background-image:radial-gradient(circle at 7% 7%,rgba(16,185,129,.14),transparent 25%),radial-gradient(circle at 93% 18%,rgba(6,182,212,.15),transparent 29%),linear-gradient(180deg,#f2fffb,#f3f9ff 55%,#fffaf2)!important}
body.dsm-canvas-body .dsm-wrap>*.dsm-hero-card{position:relative!important;border:0!important;border-radius:28px!important;overflow:hidden!important;color:#fff!important;box-shadow:0 28px 80px rgba(49,46,129,.22)!important}
body.dsm-canvas-body .dsm-article-page .dsm-hero-card{background:linear-gradient(125deg,#1d4ed8 0%,#4f46e5 52%,#9333ea 100%)!important}
body.dsm-canvas-body .dsm-member-page .dsm-hero-card{background:linear-gradient(125deg,#be185d 0%,#db2777 42%,#f97316 100%)!important;box-shadow:0 28px 80px rgba(190,24,93,.2)!important}
body.dsm-canvas-body .dsm-guide-page .dsm-hero-card{background:linear-gradient(125deg,#047857 0%,#0d9488 48%,#0284c7 100%)!important;box-shadow:0 28px 80px rgba(4,120,87,.2)!important}
body.dsm-canvas-body .dsm-payment-hero{background:linear-gradient(125deg,#312e81 0%,#4f46e5 55%,#2563eb 100%)!important}
body.dsm-canvas-body .dsm-hero-card:before{content:""!important;display:block!important;position:absolute!important;width:330px!important;height:330px!important;right:-85px!important;top:-145px!important;border-radius:50%!important;background:rgba(255,255,255,.13)!important;box-shadow:-145px 210px 0 rgba(255,255,255,.07)!important}
body.dsm-canvas-body .dsm-hero-card:after{content:""!important;display:block!important;position:absolute!important;width:140px!important;height:140px!important;right:18%!important;bottom:-90px!important;border-radius:36px!important;transform:rotate(24deg)!important;background:rgba(255,255,255,.08)!important}
body.dsm-canvas-body .dsm-hero-card>*{position:relative!important;z-index:1!important}
body.dsm-canvas-body .dsm-hero-card :where(h1,h2,h3,p,strong,span,small,em){color:#fff!important}
body.dsm-canvas-body .dsm-hero-card .dsm-kicker{color:#dbeafe!important}
body.dsm-canvas-body .dsm-hero-card .dsm-kicker:before{background:#bfdbfe!important}
.dsm-sales-hero,.dsm-member-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:36px!important;align-items:center!important}
.dsm-hero-copy{min-width:0}.dsm-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.dsm-hero-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.11);font-size:12px!important;font-weight:700;backdrop-filter:blur(8px)}
.dsm-hero-price-card,.dsm-member-visual{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;padding:26px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.13);text-align:center;backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.22)}
.dsm-hero-price-card small{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.dsm-hero-price-card>strong{font-family:"Plus Jakarta Sans",sans-serif!important;font-size:44px!important;line-height:1.05;margin:8px 0}.dsm-hero-price-card>strong b{font-size:18px!important}.dsm-hero-price-card span{font-size:13px!important}.dsm-hero-price-card em{margin-top:18px;font-size:11px!important;font-style:normal;opacity:.85}
.dsm-member-visual>span{display:grid;width:62px;height:62px;place-items:center;border-radius:19px;background:rgba(255,255,255,.18);font-size:28px!important;margin-bottom:15px}.dsm-member-visual>strong{font-family:"Plus Jakarta Sans",sans-serif!important;font-size:19px!important}.dsm-member-visual small{opacity:.82;margin-top:4px}
.dsm-value-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px!important;margin-bottom:22px!important}.dsm-value-strip article{display:flex;align-items:center;gap:13px;padding:18px 19px;border:1px solid rgba(99,102,241,.16);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(49,46,129,.07)}.dsm-value-strip i{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4338ca;font-style:normal;font-weight:800}.dsm-value-strip strong,.dsm-value-strip span{display:block}.dsm-value-strip strong{font-size:14px}.dsm-value-strip span{font-size:12px;color:#64748b;margin-top:2px}
body.dsm-canvas-body .dsm-sample-premium{border:1px solid #fbcfe8!important;background:linear-gradient(110deg,#fff 0,#fdf2f8 48%,#fff7ed 100%)!important;box-shadow:0 18px 50px rgba(190,24,93,.08)!important}.dsm-sample-premium .dsm-kicker{color:#db2777!important}.dsm-sample-premium .dsm-btn-secondary{border-color:#f9a8d4!important;color:#be185d!important;background:#fff!important}
body.dsm-canvas-body .dsm-form,body.dsm-canvas-body .dsm-payment-card,body.dsm-canvas-body .dsm-guide-section,body.dsm-canvas-body .dsm-support-box{border:1px solid rgba(99,102,241,.13)!important;border-radius:22px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 20px 60px rgba(30,41,59,.08)!important}
body.dsm-canvas-body .dsm-order-form{gap:26px!important}.dsm-section-heading>span{background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.24)}.dsm-member-form .dsm-section-heading>span{background:linear-gradient(135deg,#db2777,#f97316)!important}.dsm-guide-page .dsm-section-heading>span{background:linear-gradient(135deg,#059669,#0284c7)!important}
.dsm-included-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;border:1px solid #a5b4fc;border-radius:17px;background:linear-gradient(100deg,#eef2ff,#eff6ff)}.dsm-included-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:20px}.dsm-included-note strong{display:block}.dsm-included-note p{margin:3px 0 0;color:#64748b}.dsm-addon-price-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.dsm-addon-price-tags span{padding:6px 9px;border-radius:999px;background:#fff;color:#4338ca;font-size:11px!important;font-weight:700;border:1px solid #c7d2fe}
.dsm-article-list{display:grid;gap:17px}.dsm-article-row{position:relative;padding:22px!important;border:1px solid #dbe3f4!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#f8faff)!important;box-shadow:0 10px 28px rgba(30,64,175,.055);transition:.2s ease}.dsm-article-row.has-addons{border-color:#a5b4fc!important;box-shadow:0 14px 36px rgba(79,70,229,.11)}.dsm-article-row-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dsm-article-row-head>strong{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:#3730a3}.dsm-row-status{padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px!important;font-weight:700}.dsm-article-row.has-addons .dsm-row-status{background:#f5f3ff;color:#7e22ce}.dsm-row-remove{margin-left:auto!important;background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
.dsm-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.dsm-addon-control{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) 62px;align-items:center;gap:10px;min-height:76px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}.dsm-addon-control:hover{border-color:#a5b4fc;transform:translateY(-1px)}.dsm-addon-control b,.dsm-addon-control small{display:block}.dsm-addon-control b{font-size:13px}.dsm-addon-control small{font-size:10px!important;line-height:1.35;color:#64748b}.dsm-addon-control>input[type=number]{width:58px!important;min-height:40px!important;padding:8px!important;text-align:center;border-radius:10px!important}.dsm-addon-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-weight:800}.dsm-addon-toggle{grid-template-columns:auto minmax(0,1fr)!important}.dsm-addon-toggle>input[type=checkbox]{position:absolute;opacity:0}.dsm-toggle-box{width:40px;height:23px;border-radius:999px;background:#cbd5e1;position:relative;transition:.18s}.dsm-toggle-box:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.18s}.dsm-addon-toggle>input[type=checkbox]:checked+.dsm-toggle-box{background:linear-gradient(135deg,#4f46e5,#9333ea)}.dsm-addon-toggle>input[type=checkbox]:checked+.dsm-toggle-box:after{transform:translateX(17px)}
.dsm-row-total{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px dashed #cbd5e1;color:#64748b}.dsm-row-total strong{font-family:"Plus Jakarta Sans",sans-serif!important;color:#4338ca;font-size:17px!important}.dsm-add-row{min-height:48px!important;border:1px dashed #818cf8!important;border-radius:13px!important;background:#eef2ff!important;color:#4338ca!important;font-weight:700!important}.dsm-add-row:hover{background:#e0e7ff!important}
.dsm-price-box-v2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:0!important;border-radius:19px!important;background:linear-gradient(120deg,#312e81,#4f46e5 55%,#2563eb)!important;box-shadow:0 18px 44px rgba(49,46,129,.22)!important}.dsm-price-box-v2>div{padding:17px!important;border-color:rgba(255,255,255,.16)!important}.dsm-price-box-v2>div span,.dsm-price-box-v2>div strong,.dsm-price-box-v2>div b{color:#fff!important}.dsm-price-box-v2>div span{opacity:.78}.dsm-price-box-v2 .is-total{grid-column:1/-1;background:rgba(255,255,255,.12)!important}.dsm-price-box-v2 .is-total strong{font-size:26px!important}.dsm-price-box-v2>small{grid-column:1/-1;padding:0 17px 14px;color:#dbeafe!important;font-size:11px!important}
body.dsm-canvas-body .dsm-btn-primary{border:0!important;background:linear-gradient(135deg,#4f46e5,#2563eb 58%,#06b6d4)!important;color:#fff!important;box-shadow:0 13px 30px rgba(37,99,235,.3)!important}.dsm-member-page .dsm-btn-primary{background:linear-gradient(135deg,#db2777,#f97316)!important;box-shadow:0 13px 30px rgba(219,39,119,.26)!important}.dsm-guide-page .dsm-btn-primary{background:linear-gradient(135deg,#059669,#0284c7)!important}.dsm-submit-order{min-height:55px!important;font-size:15px!important}.dsm-submit-order span{margin-left:8px;font-size:19px!important}
.dsm-member-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dsm-member-benefit-grid article{padding:17px;border:1px solid #fed7aa;border-radius:15px;background:linear-gradient(145deg,#fff7ed,#fff)}.dsm-member-benefit-grid i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#fce7f3,#ffedd5);color:#db2777;font-style:normal;margin-bottom:10px}.dsm-member-benefit-grid strong,.dsm-member-benefit-grid span{display:block}.dsm-member-benefit-grid strong{font-size:13px}.dsm-member-benefit-grid span{font-size:11px;color:#64748b;margin-top:3px}.dsm-member-page .dsm-plan{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.dsm-member-page .dsm-plan:has(input:checked){border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.12),0 15px 34px rgba(219,39,119,.1)}.dsm-member-page .dsm-plan-badge{background:linear-gradient(135deg,#db2777,#f97316)}
.dsm-guide-page .dsm-guide-section:nth-of-type(2n){background:linear-gradient(145deg,#fff,#f0fdfa)!important}.dsm-guide-page .dsm-writing-card{border-color:#a7f3d0;background:linear-gradient(145deg,#fff,#f0fdfa)}.dsm-guide-page .dsm-writing-card:nth-child(2){border-color:#bfdbfe;background:linear-gradient(145deg,#fff,#eff6ff)}.dsm-guide-page .dsm-writing-card:nth-child(3){border-color:#ddd6fe;background:linear-gradient(145deg,#fff,#f5f3ff)}.dsm-guide-page .dsm-standard-grid article{border-color:#bae6fd;background:linear-gradient(145deg,#fff,#f0f9ff)}.dsm-guide-page .dsm-guide-card:nth-child(1){border-color:#a7f3d0;background:#f0fdf4}.dsm-guide-page .dsm-guide-card:nth-child(2){border-color:#bfdbfe;background:#eff6ff}.dsm-guide-page .dsm-guide-card:nth-child(3){border-color:#fed7aa;background:#fff7ed}
body.dsm-canvas-body .dsm-payment-card:first-child{border-color:#bfdbfe!important;background:linear-gradient(145deg,#fff,#eff6ff)!important}.dsm-zalo-payment-card{border-color:#bae6fd!important;background:linear-gradient(145deg,#fff,#ecfeff)!important}.dsm-payment-amount{color:#4f46e5!important;font-family:"Plus Jakarta Sans",sans-serif!important;font-size:21px!important}.dsm-order-summary-v2{display:flex;flex-wrap:wrap;gap:7px!important;padding:13px!important;border:1px solid #c7d2fe!important;border-radius:13px!important;background:#eef2ff!important}.dsm-order-summary-v2>*{padding:5px 8px;border-radius:8px;background:#fff;color:#4338ca;font-size:11px!important}
@media(max-width:1050px){.dsm-sales-hero,.dsm-member-hero{grid-template-columns:1fr 230px!important}.dsm-addon-grid{grid-template-columns:1fr}.dsm-price-box-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dsm-sales-hero,.dsm-member-hero{grid-template-columns:1fr!important}.dsm-hero-price-card,.dsm-member-visual{min-height:auto;align-items:flex-start;text-align:left}.dsm-hero-price-card>strong{font-size:36px!important}.dsm-value-strip,.dsm-member-benefit-grid{grid-template-columns:1fr}.dsm-included-note{grid-template-columns:auto 1fr}.dsm-addon-price-tags{grid-column:1/-1;justify-content:flex-start}.dsm-price-box-v2{grid-template-columns:1fr}.dsm-addon-control{grid-template-columns:auto minmax(0,1fr) 58px}.dsm-hero-badges{gap:6px}.dsm-hero-badges span{font-size:10px!important}}


/* DSM sales campaign popup v1.3.1 — isolated from theme and page-builder CSS. */
html.dsm-promo-open{overflow:hidden!important}
.dsm-promo-popup,.dsm-promo-popup *{box-sizing:border-box!important}
.dsm-promo-popup{position:fixed!important;inset:0!important;z-index:2147483000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:clamp(10px,2.3vw,30px)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;isolation:isolate!important}
.dsm-promo-popup.is-visible{display:flex!important}
.dsm-promo-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(2,12,27,.76)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;cursor:pointer!important;animation:dsmPromoFade .2s ease both!important}
.dsm-promo-dialog{position:relative!important;z-index:2!important;display:block!important;width:min(1120px,96vw)!important;max-width:1120px!important;margin:0!important;padding:0!important;border:1px solid rgba(246,205,89,.5)!important;border-radius:clamp(16px,2vw,26px)!important;background:#061b31!important;box-shadow:0 35px 110px rgba(0,0,0,.58),0 0 42px rgba(244,190,49,.15)!important;overflow:hidden!important;animation:dsmPromoEnter .32s cubic-bezier(.2,.85,.2,1) both!important}
.dsm-promo-link{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#fff!important;text-decoration:none!important;background:#061b31!important;line-height:0!important;overflow:hidden!important}
.dsm-promo-image{display:none!important;width:100%!important;height:auto!important;max-height:min(72vh,745px)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:center!important;background:#061b31!important;box-shadow:none!important}
.dsm-promo-image.is-active{display:block!important;animation:dsmPromoImage .28s ease both!important}
.dsm-promo-close{position:absolute!important;top:clamp(10px,1.5vw,18px)!important;right:clamp(10px,1.5vw,18px)!important;z-index:6!important;display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;place-items:center!important;margin:0!important;padding:0 0 3px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:999px!important;background:rgba(2,12,27,.86)!important;color:#fff!important;box-shadow:0 8px 28px rgba(0,0,0,.35)!important;font:400 31px/1 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease!important}
.dsm-promo-close:hover{transform:scale(1.07)!important;background:#ef4444!important}
.dsm-promo-cta{position:static!important;z-index:4!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:48px!important;padding:13px 18px!important;border:0!important;border-top:1px solid rgba(255,226,126,.35)!important;border-radius:0!important;background:linear-gradient(135deg,#061b31,#0b3153)!important;color:#ffe17b!important;box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 0 18px rgba(255,209,69,.1)!important;font-family:"Plus Jakarta Sans",Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;backdrop-filter:blur(8px)!important}
.dsm-promo-cta span{font-size:19px!important;line-height:1!important;transition:transform .18s ease!important}
.dsm-promo-link:hover .dsm-promo-cta span{transform:translateX(4px)!important}
.dsm-promo-progress{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:7!important;height:4px!important;background:rgba(255,255,255,.14)!important;overflow:hidden!important;pointer-events:none!important}
.dsm-promo-progress i{display:block!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,#f4bd37,#fff1a9,#f4bd37)!important;transform-origin:left center!important}
@keyframes dsmPromoProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes dsmPromoFade{from{opacity:0}to{opacity:1}}
@keyframes dsmPromoEnter{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dsmPromoImage{from{opacity:.35;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){
  .dsm-promo-popup{padding:8px!important}
  .dsm-promo-dialog{width:calc(100vw - 16px)!important;border-radius:15px!important}
  .dsm-promo-image{max-height:82vh!important;object-fit:contain!important}
  .dsm-promo-close{top:8px!important;right:8px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:27px!important}
  .dsm-promo-cta{min-height:42px!important;padding:11px 13px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.dsm-promo-backdrop,.dsm-promo-dialog,.dsm-promo-image{animation:none!important}}


/* v1.3.10: whole canvas uses the provided office image as background, with subtle blur/overlay. */
body.dsm-canvas-body,
body.dsm-canvas-body #dsm-canvas-main{
    background:transparent!important;
}
body.dsm-canvas-body{
    position:relative!important;
}
body.dsm-canvas-body::before{
    content:''!important;
    position:fixed!important;
    inset:0!important;
    z-index:-2!important;
    background:url('../images/content-office-hero.webp') center center/cover no-repeat!important;
    filter:blur(7px)!important;
    transform:scale(1.045)!important;
}
body.dsm-canvas-body::after{
    content:''!important;
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(135deg,rgba(255,248,240,.72) 0%,rgba(255,244,230,.64) 36%,rgba(255,247,237,.76) 100%),radial-gradient(circle at 12% 10%,rgba(251,146,60,.20),transparent 26%),radial-gradient(circle at 92% 18%,rgba(234,88,12,.13),transparent 30%)!important;
}
body.dsm-canvas-body .dsm-wrap,
body.dsm-canvas-body .dsm-article-page,
body.dsm-canvas-body .dsm-member-page,
body.dsm-canvas-body .dsm-guide-page{
    width:min(980px,calc(100% - 36px))!important;
    max-width:980px!important;
    min-height:calc(100vh - 48px)!important;
    margin:24px auto!important;
    padding:18px!important;
    border:1px solid rgba(194,65,12,.20)!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(255,252,248,.90),rgba(255,247,237,.88))!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    box-shadow:0 32px 85px rgba(124,45,18,.20),0 3px 12px rgba(124,45,18,.10)!important;
    overflow:visible!important;
}
body.dsm-canvas-body .dsm-wrap>*{max-width:100%!important}
body.dsm-canvas-body .dsm-wrap{--dsm-primary:#ea580c!important;--dsm-accent:#f97316!important;--dsm-line:#fed7aa!important}
body.dsm-canvas-body .dsm-wrap>*.dsm-hero-card,
body.dsm-canvas-body .dsm-article-page .dsm-hero-card,
body.dsm-canvas-body .dsm-member-page .dsm-hero-card,
body.dsm-canvas-body .dsm-guide-page .dsm-hero-card,
body.dsm-canvas-body .dsm-payment-hero{
    background:linear-gradient(125deg,#9a3412 0%,#ea580c 52%,#fb923c 100%)!important;
    border:1px solid rgba(255,237,213,.42)!important;
    box-shadow:0 22px 54px rgba(154,52,18,.28)!important;
}
body.dsm-canvas-body .dsm-hero-card .dsm-kicker{color:#ffedd5!important}
body.dsm-canvas-body .dsm-hero-card .dsm-kicker:before{background:#fed7aa!important}
body.dsm-canvas-body .dsm-form,
body.dsm-canvas-body .dsm-payment-card,
body.dsm-canvas-body .dsm-guide-section,
body.dsm-canvas-body .dsm-sample-box,
body.dsm-canvas-body .dsm-support-box{
    border:1px solid #fed7aa!important;
    background:#fff!important;
    box-shadow:0 14px 38px rgba(154,52,18,.10)!important;
}
body.dsm-canvas-body .dsm-form{padding:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:16px!important}
.dsm-form-section{
    display:block!important;
    scroll-margin-top:96px!important;
    padding:22px!important;
    border:1px solid #fed7aa!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(154,52,18,.09)!important;
}
.dsm-form-section-warm{background:linear-gradient(145deg,#fff,#fff7ed)!important}
.dsm-checkout-section{background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;border-color:#fdba74!important}
.dsm-form-section>.dsm-section-heading:first-child{margin-top:0!important}
[data-dsm-toc-section]{scroll-margin-top:98px!important}
.dsm-page-toc{
    position:sticky!important;
    top:10px!important;
    z-index:9990!important;
    display:block!important;
    width:100%!important;
    margin:14px auto 20px!important;
    padding:6px!important;
    border:1px solid rgba(194,65,12,.28)!important;
    border-radius:16px!important;
    background:rgba(255,250,245,.94)!important;
    box-shadow:0 12px 28px rgba(124,45,18,.16)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}
.dsm-page-toc-inner{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important}
.dsm-page-toc-inner::-webkit-scrollbar{display:none!important}
.dsm-page-toc a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:7px 11px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    color:#7c2d12!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:12px!important;
    transition:background .18s,border-color .18s,transform .18s,color .18s!important;
}
.dsm-page-toc a span{display:grid!important;width:23px!important;height:23px!important;place-items:center!important;border-radius:7px!important;background:#ffedd5!important;color:#c2410c!important;font-size:10px!important;font-weight:800!important}
.dsm-page-toc a b{font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
.dsm-page-toc a:hover,.dsm-page-toc a.is-active{border-color:#fdba74!important;background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#9a3412!important;transform:translateY(-1px)!important}
.dsm-page-toc a.is-active{box-shadow:inset 0 -2px 0 #ea580c,0 5px 14px rgba(234,88,12,.13)!important}
.dsm-page-toc a.is-active span{background:linear-gradient(135deg,#ea580c,#fb923c)!important;color:#fff!important}
.dsm-section-heading>span,
.dsm-member-form .dsm-section-heading>span,
.dsm-guide-page .dsm-section-heading>span{
    background:linear-gradient(135deg,#c2410c,#f97316)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(234,88,12,.24)!important;
}
body.dsm-canvas-body .dsm-btn-primary,
.dsm-member-page .dsm-btn-primary,
.dsm-guide-page .dsm-btn-primary{
    background:linear-gradient(135deg,#c2410c,#f97316 62%,#fb923c)!important;
    box-shadow:0 13px 30px rgba(234,88,12,.28)!important;
}
body.dsm-canvas-body .dsm-btn-primary:hover{background:linear-gradient(135deg,#9a3412,#ea580c)!important}
.dsm-value-strip article{border-color:#fed7aa!important;background:#fffaf5!important;box-shadow:0 10px 25px rgba(154,52,18,.08)!important}
.dsm-value-strip i,.dsm-addon-icon,.dsm-writing-card-top>span,.dsm-guide-card>span{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;color:#c2410c!important}
body.dsm-canvas-body .dsm-sample-premium{border-color:#fdba74!important;background:linear-gradient(110deg,#fff 0,#fff7ed 55%,#ffedd5 100%)!important;box-shadow:0 16px 40px rgba(154,52,18,.10)!important}
.dsm-sample-premium .dsm-kicker{color:#c2410c!important}.dsm-sample-premium .dsm-btn-secondary{border-color:#fb923c!important;color:#c2410c!important;background:#fff!important}
.dsm-included-note{border-color:#fdba74!important;background:linear-gradient(100deg,#fff7ed,#ffedd5)!important}
.dsm-included-icon{background:linear-gradient(135deg,#c2410c,#f97316)!important}
.dsm-addon-price-tags span{border-color:#fed7aa!important;color:#c2410c!important;background:#fff!important}
.dsm-article-row{border-color:#fed7aa!important;background:linear-gradient(145deg,#fff,#fffaf5)!important;box-shadow:0 10px 26px rgba(154,52,18,.07)!important}
.dsm-article-row.has-addons{border-color:#fb923c!important;box-shadow:0 14px 34px rgba(234,88,12,.14)!important}
.dsm-article-row-head>strong{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;color:#9a3412!important}
.dsm-article-row.has-addons .dsm-row-status{background:#fff7ed!important;color:#c2410c!important}
.dsm-addon-control:hover{border-color:#fb923c!important}.dsm-addon-control{background:#fff!important;border-color:#fed7aa!important}
.dsm-addon-toggle>input[type=checkbox]:checked+.dsm-toggle-box{background:linear-gradient(135deg,#c2410c,#f97316)!important}
.dsm-row-total strong{color:#c2410c!important}.dsm-add-row{border-color:#fb923c!important;background:#fff7ed!important;color:#c2410c!important}.dsm-add-row:hover{background:#ffedd5!important}
.dsm-price-box-v2{background:linear-gradient(120deg,#9a3412,#ea580c 55%,#fb923c)!important;box-shadow:0 18px 42px rgba(154,52,18,.25)!important}
.dsm-price-box-v2>small{color:#ffedd5!important}
.dsm-plan,.dsm-member-page .dsm-plan{border-color:#fed7aa!important;background:linear-gradient(145deg,#fff,#fff7ed)!important}
.dsm-plan:has(input:checked),.dsm-member-page .dsm-plan:has(input:checked){border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.12),0 15px 32px rgba(154,52,18,.12)!important}
.dsm-plan-badge,.dsm-member-page .dsm-plan-badge{background:linear-gradient(135deg,#c2410c,#f97316)!important}
.dsm-member-benefit-grid article,
.dsm-guide-page .dsm-writing-card,
.dsm-guide-page .dsm-writing-card:nth-child(2),
.dsm-guide-page .dsm-writing-card:nth-child(3),
.dsm-guide-page .dsm-standard-grid article,
.dsm-guide-page .dsm-guide-card:nth-child(1),
.dsm-guide-page .dsm-guide-card:nth-child(2),
.dsm-guide-page .dsm-guide-card:nth-child(3){border-color:#fed7aa!important;background:linear-gradient(145deg,#fff,#fff7ed)!important}
.dsm-member-benefit-grid i{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;color:#c2410c!important}
.dsm-guide-page .dsm-guide-section:nth-of-type(2n){background:linear-gradient(145deg,#fff,#fff7ed)!important}
body.dsm-canvas-body .dsm-payment-card:first-child,.dsm-zalo-payment-card{border-color:#fdba74!important;background:linear-gradient(145deg,#fff,#fff7ed)!important}
.dsm-payment-amount{color:#c2410c!important}.dsm-order-summary-v2{border-color:#fed7aa!important;background:#fff7ed!important}.dsm-order-summary-v2>*{color:#9a3412!important}
.dsm-field input:focus,.dsm-field textarea:focus,.dsm-form select:focus{border-color:#f97316!important;box-shadow:0 0 0 4px rgba(249,115,22,.13)!important}
.dsm-copy-button.is-primary,.dsm-zalo-button{background:linear-gradient(135deg,#c2410c,#f97316)!important;border-color:#ea580c!important;color:#fff!important}
.dsm-zalo-steps li::marker{color:#ea580c!important}
@media(max-width:760px){
    body.dsm-canvas-body .dsm-wrap,body.dsm-canvas-body .dsm-article-page,body.dsm-canvas-body .dsm-member-page,body.dsm-canvas-body .dsm-guide-page{width:calc(100% - 12px)!important;min-height:calc(100vh - 12px)!important;margin:6px auto!important;padding:8px!important;border-radius:19px!important}
    .dsm-page-toc{top:5px!important;margin:9px 0 13px!important;padding:5px!important;border-radius:13px!important}
    .dsm-page-toc a{min-height:37px!important;padding:6px 9px!important}.dsm-page-toc a b{font-size:11px!important}
    .dsm-form-section{padding:16px!important;border-radius:16px!important}
}

/* Complete orange accents for guide, support and interaction states. */
.dsm-writing-card li::marker,.dsm-title-list li::marker,.dsm-rule-box li::marker{color:#ea580c!important}
.dsm-pros-cons>div{background:#fff7ed!important;border-color:#fed7aa!important}.dsm-pros-cons b{color:#c2410c!important}
.dsm-example-section{background:radial-gradient(circle at 100% 0,rgba(249,115,22,.12),transparent 30%),#fff!important}
.dsm-example-card{border-color:#fed7aa!important;background:linear-gradient(145deg,#fff,#fffaf5)!important;box-shadow:0 9px 24px rgba(154,52,18,.07)!important}
.dsm-example-label{background:#ffedd5!important;color:#c2410c!important}
.dsm-rule-box{border-color:#fed7aa!important;background:#fff7ed!important}
.dsm-copy-button:hover{border-color:#f97316!important;color:#c2410c!important}
.dsm-support-box .dsm-kicker,.dsm-payment-card .dsm-kicker{color:#c2410c!important}
.dsm-floating a:hover{background:#ea580c!important}


/* v1.3.3: reliable popup, floating progress navigator, alternating stages and typography tuning. */
body.dsm-canvas-body .dsm-wrap :where(h1,h2,h3,h4,h5,h6){font-weight:600!important}
body.dsm-canvas-body .dsm-wrap h1{font-size:clamp(25px,2.45vw,36px)!important;line-height:1.14!important}
body.dsm-canvas-body .dsm-wrap h2{font-size:clamp(18px,1.65vw,23px)!important;line-height:1.28!important}
body.dsm-canvas-body .dsm-wrap h3{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.36!important}
body.dsm-canvas-body .dsm-hero-card p{font-size:clamp(16px,1.35vw,18px)!important;line-height:1.72!important}
body.dsm-canvas-body .dsm-wrap :where(.dsm-section-heading p,.dsm-guide-heading p,.dsm-sample-box p,.dsm-payment-card>p,.dsm-support-box p,.dsm-writing-lead,.dsm-example-card>p){font-size:15.5px!important;line-height:1.72!important}
body.dsm-canvas-body .dsm-field>small{font-size:13.5px!important;line-height:1.58!important}
body.dsm-canvas-body .dsm-value-strip span{font-size:13.5px!important;line-height:1.5!important}
body.dsm-canvas-body .dsm-addon-control small{font-size:11.5px!important;line-height:1.45!important}
body.dsm-canvas-body .dsm-member-benefit-grid span{font-size:13px!important;line-height:1.48!important}

/* Every stage is visually separated; JavaScript assigns these classes from the TOC order. */
body.dsm-canvas-body [data-dsm-toc-section].dsm-stage-base:not(.dsm-hero-card){background:#fff!important;border-color:#e5e7eb!important}
body.dsm-canvas-body [data-dsm-toc-section].dsm-stage-alt:not(.dsm-hero-card){background:#f6f7f8!important;border-color:#dfe3e8!important}
body.dsm-canvas-body [data-dsm-toc-section]:not(.dsm-hero-card){transition:box-shadow .22s ease,border-color .22s ease,background .22s ease!important}
body.dsm-canvas-body [data-dsm-toc-section].is-current-stage:not(.dsm-hero-card){border-color:#fb923c!important;box-shadow:0 0 0 3px rgba(249,115,22,.11),0 18px 42px rgba(124,45,18,.12)!important}

/* Strong add-article action. */
body.dsm-canvas-body .dsm-add-row{
    position:relative!important;display:flex!important;width:100%!important;min-height:62px!important;align-items:center!important;justify-content:center!important;gap:10px!important;
    margin-top:4px!important;padding:15px 22px!important;border:1px solid #c2410c!important;border-radius:16px!important;
    background:linear-gradient(135deg,#c2410c 0%,#ea580c 55%,#fb923c 100%)!important;color:#fff!important;
    box-shadow:0 14px 30px rgba(194,65,12,.27)!important;font-size:16px!important;font-weight:800!important;letter-spacing:.005em!important;
    cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important
}
body.dsm-canvas-body .dsm-add-row:hover{background:linear-gradient(135deg,#9a3412,#ea580c 60%,#fb923c)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(154,52,18,.34)!important;filter:saturate(1.05)!important}
body.dsm-canvas-body .dsm-add-row:focus-visible{outline:3px solid rgba(251,146,60,.34)!important;outline-offset:3px!important}

/* True floating section navigator. Desktop: vertical rail. Smaller screens: fixed horizontal rail. */
.dsm-page-toc{position:fixed!important;z-index:2147481200!important;margin:0!important;background:rgba(255,255,255,.96)!important;border:1px solid #d8dde3!important;box-shadow:0 18px 48px rgba(31,41,55,.19)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
@media(min-width:1321px){
  .dsm-page-toc{left:max(14px,calc(50vw - 676px))!important;top:50%!important;bottom:auto!important;width:172px!important;padding:8px!important;border-radius:18px!important;transform:translateY(-50%)!important}
  .dsm-page-toc-inner{display:grid!important;width:100%!important;gap:6px!important;overflow:visible!important}
  .dsm-page-toc a{width:100%!important;min-height:45px!important;padding:8px 9px!important;border-radius:12px!important;white-space:normal!important}
  .dsm-page-toc a b{font-size:12.5px!important;line-height:1.25!important;white-space:normal!important}
}
@media(max-width:1320px){
  body.dsm-canvas-body .dsm-wrap{padding-bottom:104px!important}
  .dsm-page-toc{left:50%!important;right:auto!important;top:auto!important;bottom:12px!important;width:min(790px,calc(100% - 86px))!important;padding:6px!important;border-radius:17px!important;transform:translateX(-50%)!important}
  .dsm-page-toc-inner{display:flex!important;gap:5px!important;overflow-x:auto!important}
  .dsm-page-toc a{min-height:42px!important;padding:7px 10px!important}
}
@media(max-width:760px){
  body.dsm-canvas-body .dsm-wrap{padding-bottom:112px!important}
  .dsm-page-toc{bottom:8px!important;width:calc(100% - 64px)!important;border-radius:14px!important}
  .dsm-page-toc a{min-height:39px!important;padding:6px 8px!important}
  .dsm-page-toc a b{font-size:11.5px!important}
  body.dsm-canvas-body .dsm-add-row{min-height:56px!important;font-size:15px!important}
}

/* v1.3.4: keep the progress rail truly outside the page and reduce promo banners by half. */
@media (min-width:1024px){
  body.dsm-canvas-body .dsm-wrap,
  body.dsm-canvas-body .dsm-article-page,
  body.dsm-canvas-body .dsm-member-page,
  body.dsm-canvas-body .dsm-guide-page{
    width:min(880px,calc(100% - 300px))!important;
    max-width:880px!important;
    padding-bottom:18px!important;
  }
  .dsm-page-toc{
    left:max(12px,calc(50vw - 570px))!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:130px!important;
    max-width:130px!important;
    padding:7px!important;
    border-radius:16px!important;
    transform:translateY(-50%)!important;
  }
  .dsm-page-toc-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .dsm-page-toc a{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 7px!important;
    gap:6px!important;
    border-radius:11px!important;
    white-space:normal!important;
  }
  .dsm-page-toc a span{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
  }
  .dsm-page-toc a b{
    min-width:0!important;
    font-size:11px!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* Tablet/mobile rail remains below the content so it never covers form fields. */
@media (max-width:1023px){
  body.dsm-canvas-body .dsm-wrap,
  body.dsm-canvas-body .dsm-article-page,
  body.dsm-canvas-body .dsm-member-page,
  body.dsm-canvas-body .dsm-guide-page{padding-bottom:108px!important}
  .dsm-page-toc{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:8px!important;
    width:min(760px,calc(100% - 24px))!important;
    max-width:none!important;
    padding:6px!important;
    transform:translateX(-50%)!important;
  }
  .dsm-page-toc-inner{display:flex!important;gap:5px!important;overflow-x:auto!important}
  .dsm-page-toc a{flex:0 0 auto!important;width:auto!important}
}

/* Half-size campaign modal: 1120px -> 560px on desktop. */
.dsm-promo-dialog{
  width:min(560px,88vw)!important;
  max-width:560px!important;
  border-radius:18px!important;
}
.dsm-promo-image{
  max-height:min(62vh,390px)!important;
}
.dsm-promo-close{
  top:9px!important;
  right:9px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  font-size:25px!important;
}
.dsm-promo-cta{
  min-height:42px!important;
  padding:11px 14px!important;
  font-size:12px!important;
}
@media(max-width:640px){
  .dsm-promo-popup{padding:12px!important}
  .dsm-promo-dialog{width:min(480px,calc(100vw - 24px))!important;max-width:480px!important}
  .dsm-promo-image{max-height:58vh!important}
}


/* v1.3.6: bỏ hoàn toàn mục lục và làm nổi bật khu tiện ích */
.dsm-page-toc{display:none!important}
body.dsm-canvas-body .dsm-canvas-main{padding-left:18px!important;padding-right:18px!important}
.dsm-addon-heading{margin:24px 0 14px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;box-shadow:0 8px 22px rgba(194,65,12,.08)}
.dsm-addon-heading>span{display:block;font-size:11px!important;letter-spacing:.12em;font-weight:800;color:#c2410c;margin-bottom:5px}
.dsm-addon-heading>strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px!important;line-height:1.3;color:#7c2d12}
.dsm-addon-heading>small{display:block;margin-top:5px;font-size:14px!important;line-height:1.55;color:#9a3412}
.dsm-addon-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:0!important}
body.dsm-canvas-body .dsm-addon-control{min-height:128px!important;padding:18px!important;border:2px solid #fed7aa!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fffaf5)!important;box-shadow:0 10px 24px rgba(124,45,18,.07)!important;gap:14px!important}
body.dsm-canvas-body .dsm-addon-control:hover{border-color:#f97316!important;box-shadow:0 16px 30px rgba(194,65,12,.14)!important;transform:translateY(-2px)!important}
body.dsm-canvas-body .dsm-addon-icon{width:52px!important;height:52px!important;border-radius:15px!important;font-size:24px!important;flex:none}
.dsm-addon-copy{min-width:0}
body.dsm-canvas-body .dsm-addon-copy b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:17px!important;line-height:1.35;color:#431407!important;margin-bottom:5px}
body.dsm-canvas-body .dsm-addon-copy small{display:block;font-size:13px!important;line-height:1.5!important;color:#78716c!important}
body.dsm-canvas-body .dsm-addon-copy em{display:inline-block;margin-top:9px;padding:5px 9px;border-radius:999px;background:#ffedd5;color:#c2410c;font-style:normal;font-size:13px!important;font-weight:800}
body.dsm-canvas-body .dsm-addon-control>input[type=number]{width:76px!important;height:54px!important;min-height:54px!important;padding:8px!important;font-size:20px!important;font-weight:800!important;border:2px solid #fb923c!important;border-radius:14px!important;background:#fff!important;color:#7c2d12!important}
body.dsm-canvas-body .dsm-addon-toggle{grid-template-columns:auto minmax(0,1fr)!important}
body.dsm-canvas-body .dsm-toggle-box{width:52px!important;height:30px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
body.dsm-canvas-body .dsm-toggle-box:after{width:24px!important;height:24px!important}
body.dsm-canvas-body .dsm-addon-toggle>input[type=checkbox]:checked+.dsm-toggle-box:after{transform:translateX(22px)!important}
body.dsm-canvas-body .dsm-addon-premium{background:linear-gradient(145deg,#fff7ed,#fffbeb)!important;border-color:#fdba74!important}
body.dsm-canvas-body .dsm-addon-toggle:has(input[type=checkbox]:checked){border-color:#ea580c!important;box-shadow:0 0 0 4px rgba(249,115,22,.12),0 16px 30px rgba(194,65,12,.14)!important}
.dsm-comment-package{margin:16px 0 0;padding:18px;border:2px solid #fed7aa;border-radius:18px;background:linear-gradient(135deg,#fff,#fff7ed);box-shadow:0 10px 24px rgba(124,45,18,.07)}
.dsm-comment-package legend{display:flex;align-items:center;gap:12px;padding:0 8px;color:#431407}
.dsm-comment-package legend>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#ffedd5;font-size:22px}
.dsm-comment-package legend b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:18px!important;line-height:1.3}
.dsm-comment-package legend small{display:block;margin-top:3px;font-size:13px!important;color:#78716c}
.dsm-comment-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.dsm-comment-options label{position:relative;display:block;cursor:pointer}
.dsm-comment-options input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.dsm-comment-options label>span{display:block;min-height:82px;padding:16px;border:2px solid #e7e5e4;border-radius:14px;background:#fff;text-align:center;transition:.18s ease}
.dsm-comment-options label>span b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px!important;color:#431407}
.dsm-comment-options label>span small{display:block;margin-top:7px;font-size:14px!important;font-weight:800;color:#c2410c}
.dsm-comment-options input:checked+span{border-color:#ea580c;background:#fff7ed;box-shadow:0 0 0 4px rgba(249,115,22,.12)}
.dsm-included-note{grid-template-columns:auto minmax(0,1fr)!important}
.dsm-addon-price-tags{grid-column:1/-1!important;justify-content:flex-start!important;margin-top:4px}
body.dsm-canvas-body .dsm-addon-price-tags span{font-size:13px!important;padding:8px 11px!important}
@media(max-width:760px){
  .dsm-addon-grid-large{grid-template-columns:1fr!important}
  .dsm-comment-options{grid-template-columns:1fr!important}
  body.dsm-canvas-body .dsm-addon-control{min-height:116px!important;padding:16px!important}
  body.dsm-canvas-body .dsm-addon-copy b{font-size:16px!important}
}


/* v1.3.7: wider sales canvas, compact add-ons, green add-post CTA and monthly PR packages. */
@media(min-width:1024px){
  body.dsm-canvas-body .dsm-wrap,
  body.dsm-canvas-body .dsm-article-page,
  body.dsm-canvas-body .dsm-member-page,
  body.dsm-canvas-body .dsm-guide-page{
    width:min(1240px,calc(100% - 64px))!important;
    max-width:1240px!important;
    padding:24px!important;
  }
}
@media(min-width:1440px){
  body.dsm-canvas-body .dsm-wrap,
  body.dsm-canvas-body .dsm-article-page,
  body.dsm-canvas-body .dsm-member-page,
  body.dsm-canvas-body .dsm-guide-page{width:min(1320px,calc(100% - 88px))!important;max-width:1320px!important}
}
/* Hero đầu tiên dùng ảnh văn phòng user cung cấp làm nền, có lớp blur + overlay để chữ và bảng giá luôn rõ. */
body.dsm-canvas-body .dsm-article-page #dsm-article-overview{
  position:relative!important;
  isolation:isolate!important;
  min-height:430px!important;
  align-items:center!important;
  background:#0f172a!important;
  border-color:rgba(255,237,213,.35)!important;
  box-shadow:0 26px 70px rgba(30,41,36,.32)!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview::before{
  content:''!important;
  position:absolute!important;
  inset:-14px!important;
  z-index:0!important;
  background-image:url('../images/content-office-hero.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:blur(6px)!important;
  transform:scale(1.05)!important;
  opacity:.82!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(10,28,44,.78) 0%,rgba(11,32,50,.64) 38%,rgba(11,32,50,.38) 100%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05))!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview > *{
  position:relative!important;
  z-index:1!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview .dsm-hero-copy{max-width:760px!important}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview .dsm-hero-price-card{background:rgba(8,31,34,.58)!important;border-color:rgba(255,255,255,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 18px 45px rgba(0,0,0,.18)!important}
/* Dịch vụ bổ sung gọn hơn nhưng vẫn đủ nổi bật. */
.dsm-addon-heading{margin:18px 0 11px!important;padding:14px 16px!important}
.dsm-addon-heading>strong{font-size:17px!important}
.dsm-addon-heading>small{font-size:12.5px!important}
.dsm-addon-grid-large{gap:11px!important}
body.dsm-canvas-body .dsm-addon-control{min-height:92px!important;padding:12px 13px!important;border-width:1.5px!important;border-radius:14px!important;gap:10px!important;box-shadow:0 7px 18px rgba(124,45,18,.065)!important}
body.dsm-canvas-body .dsm-addon-icon{width:40px!important;height:40px!important;border-radius:11px!important;font-size:18px!important}
body.dsm-canvas-body .dsm-addon-copy b{font-size:14px!important;margin-bottom:2px!important}
body.dsm-canvas-body .dsm-addon-copy small{font-size:11.5px!important;line-height:1.35!important}
body.dsm-canvas-body .dsm-addon-copy em{margin-top:5px!important;padding:3px 7px!important;font-size:11.5px!important}
body.dsm-canvas-body .dsm-addon-control>input[type=number]{width:62px!important;height:44px!important;min-height:44px!important;font-size:17px!important;border-radius:11px!important}
body.dsm-canvas-body .dsm-toggle-box{width:44px!important;height:26px!important}
body.dsm-canvas-body .dsm-toggle-box:after{width:20px!important;height:20px!important}
body.dsm-canvas-body .dsm-addon-toggle>input[type=checkbox]:checked+.dsm-toggle-box:after{transform:translateX(18px)!important}
.dsm-comment-package{padding:14px!important;border-radius:15px!important}
.dsm-comment-package legend b{font-size:15px!important}
.dsm-comment-package legend small{font-size:11.5px!important}
.dsm-comment-options label>span{min-height:68px!important;padding:11px!important}
.dsm-comment-options label>span b{font-size:14px!important}
.dsm-comment-options label>span small{font-size:12px!important;margin-top:4px!important}
/* Nút thêm bài khác màu hoàn toàn. */
body.dsm-canvas-body .dsm-add-row{
  min-height:58px!important;
  border:1px solid #15803d!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#15803d 0%,#16a34a 54%,#22c55e 100%)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:0 14px 30px rgba(21,128,61,.26)!important;
}
body.dsm-canvas-body .dsm-add-row:hover{background:linear-gradient(135deg,#166534,#15803d 58%,#16a34a)!important;color:#fff!important;box-shadow:0 18px 38px rgba(21,128,61,.34)!important}
/* Gói PR bài hàng tháng. */
.dsm-pr-plans .dsm-plan{min-height:300px!important;padding:24px 22px!important;border:1.5px solid #fed7aa!important;background:linear-gradient(160deg,#fff,#fffaf5)!important}
.dsm-pr-plans .dsm-plan.is-featured{border-color:#f97316!important;background:linear-gradient(160deg,#fff7ed,#fff)!important;box-shadow:0 18px 42px rgba(194,65,12,.15)!important}
.dsm-pr-plans .dsm-plan-title{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:20px!important;color:#7c2d12!important}
.dsm-pr-plans .dsm-plan strong{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:31px!important;color:#431407!important}
.dsm-pr-plans .dsm-plan em{min-height:42px;font-size:13px!important;line-height:1.5!important;color:#9a3412!important;font-weight:700!important}
.dsm-plan-features{display:grid!important;gap:8px!important;margin:10px 0 0!important;padding:14px 0 0!important;border-top:1px solid #fed7aa!important;list-style:none!important}
.dsm-plan-features li{position:relative!important;padding-left:21px!important;font-size:13px!important;color:#57534e!important}
.dsm-plan-features li:before{content:'✓';position:absolute;left:0;top:0;color:#16a34a;font-weight:900}
.dsm-pr-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid #fdba74;border-radius:14px;background:#fff7ed;color:#7c2d12}
.dsm-pr-note strong{flex:none}.dsm-pr-note span{font-size:13px!important;line-height:1.55!important}
.dsm-member-visual>span{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:28px!important;font-weight:600!important}
@media(max-width:760px){
  body.dsm-canvas-body .dsm-article-page #dsm-article-overview{min-height:auto!important;background-position:58% center!important}
  .dsm-pr-plans .dsm-plan{min-height:0!important}
  .dsm-pr-note{display:grid!important}
}


/* v1.3.8 - Tùy chỉnh gói PR: thêm bài và dịch vụ. */
.dsm-member-customize{border:1px solid #fdba74!important;background:linear-gradient(180deg,#fffaf5,#fff)!important}
.dsm-member-addon-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.dsm-member-addon-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) 76px!important;gap:11px!important;align-items:center!important;min-height:92px!important;padding:14px!important;border:1.5px solid #e7e5e4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(67,20,7,.05)!important;cursor:pointer!important;transition:.18s ease!important}
.dsm-member-addon-card:hover,.dsm-member-addon-card:focus-within{transform:translateY(-2px)!important;border-color:#fb923c!important;box-shadow:0 12px 26px rgba(194,65,12,.12)!important}
.dsm-member-addon-card.is-article{border-color:#86efac!important;background:linear-gradient(145deg,#f0fdf4,#fff)!important}
.dsm-member-addon-card.is-premium{border-color:#fbbf24!important;background:linear-gradient(145deg,#fffbeb,#fff)!important}
.dsm-member-addon-icon{display:grid!important;width:40px!important;height:40px!important;place-items:center!important;border-radius:12px!important;background:#ffedd5!important;color:#c2410c!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:15px!important;font-weight:800!important}
.dsm-member-addon-card.is-article .dsm-member-addon-icon{background:#dcfce7!important;color:#15803d!important}
.dsm-member-addon-card.is-premium .dsm-member-addon-icon{background:#fef3c7!important;color:#a16207!important}
.dsm-member-addon-card>span:nth-child(2){display:block!important;min-width:0!important}
.dsm-member-addon-card b{display:block!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:14px!important;line-height:1.35!important;color:#431407!important}
.dsm-member-addon-card small{display:block!important;margin-top:4px!important;font-size:11.5px!important;line-height:1.45!important;color:#78716c!important}
.dsm-member-addon-card input[type=number]{width:76px!important;height:44px!important;margin:0!important;padding:6px 8px!important;border:2px solid #fed7aa!important;border-radius:11px!important;background:#fff!important;color:#431407!important;text-align:center!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
.dsm-member-addon-card input[type=number]:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.13)!important;outline:0!important}
.dsm-member-price-box{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 1.25fr!important;gap:10px!important;margin-top:18px!important;padding:14px!important;border:1px solid #fdba74!important;border-radius:17px!important;background:#fff7ed!important}
.dsm-member-price-box>div{display:flex!important;min-height:75px!important;flex-direction:column!important;justify-content:center!important;padding:12px!important;border:1px solid #fed7aa!important;border-radius:13px!important;background:#fff!important}
.dsm-member-price-box span{font-size:11px!important;font-weight:700!important;color:#9a3412!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.dsm-member-price-box strong{display:block!important;margin-top:5px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:18px!important;color:#431407!important}
.dsm-member-price-box small{display:block!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.35!important;color:#78716c!important}
.dsm-member-price-box .is-total{border-color:#16a34a!important;background:linear-gradient(135deg,#166534,#16a34a)!important}
.dsm-member-price-box .is-total span,.dsm-member-price-box .is-total strong{color:#fff!important}
.dsm-member-price-box .is-total strong{font-size:23px!important}
.dsm-member-price-note{margin:10px 0 0!important;font-size:12.5px!important;color:#78716c!important}
@media(max-width:1100px){.dsm-member-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dsm-member-price-box{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dsm-member-price-box .is-total{grid-column:1/-1!important}}
@media(max-width:620px){.dsm-member-addon-grid{grid-template-columns:1fr!important}.dsm-member-addon-card{grid-template-columns:38px minmax(0,1fr) 70px!important;padding:12px!important}.dsm-member-price-box{grid-template-columns:1fr!important}.dsm-member-price-box .is-total{grid-column:auto!important}}

/* v1.3.11: remove office image completely and restore orange canvas/hero. */
body.dsm-canvas-body,
body.dsm-canvas-body #dsm-canvas-main{
  background:
    radial-gradient(circle at 10% 8%,rgba(251,146,60,.52),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(234,88,12,.34),transparent 31%),
    linear-gradient(145deg,#ffedd5 0%,#fb923c 48%,#fff7ed 100%)!important;
}
body.dsm-canvas-body::before,
body.dsm-canvas-body::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}
body.dsm-canvas-body .dsm-wrap,
body.dsm-canvas-body .dsm-article-page,
body.dsm-canvas-body .dsm-member-page,
body.dsm-canvas-body .dsm-guide-page{
  background:linear-gradient(180deg,rgba(255,252,248,.98),rgba(255,247,237,.97))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview{
  position:relative!important;
  isolation:auto!important;
  min-height:430px!important;
  background:linear-gradient(125deg,#9a3412 0%,#ea580c 52%,#fb923c 100%)!important;
  border-color:rgba(255,237,213,.42)!important;
  box-shadow:0 24px 62px rgba(154,52,18,.30)!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview::before,
body.dsm-canvas-body .dsm-article-page #dsm-article-overview::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview > *{
  position:relative!important;
  z-index:1!important;
}
body.dsm-canvas-body .dsm-article-page #dsm-article-overview .dsm-hero-price-card{
  background:rgba(124,45,18,.46)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 18px 45px rgba(124,45,18,.24)!important;
}


/* v1.4.0 — Listing package. All selectors stay inside the plugin namespace. */
.dsm-plugin-scope.dsm-listing-page{max-width:1320px!important}
.dsm-plugin-scope .dsm-listing-hero{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr)!important;gap:28px!important;align-items:center!important}
.dsm-plugin-scope .dsm-listing-scope-note{display:grid!important;grid-template-columns:54px 1fr!important;gap:16px!important;align-items:flex-start!important;margin:0 0 20px!important;padding:22px 24px!important;border:2px solid #fb923c!important;border-radius:20px!important;background:linear-gradient(135deg,#fff7ed,#fff)!important;box-shadow:0 14px 34px rgba(154,52,18,.10)!important}
.dsm-plugin-scope .dsm-listing-note-icon{display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:15px!important;background:linear-gradient(135deg,#c2410c,#f97316)!important;color:#fff!important;font:800 24px/1 'Plus Jakarta Sans',sans-serif!important}
.dsm-plugin-scope .dsm-listing-scope-note h2{margin:0 0 7px!important;color:#7c2d12!important}
.dsm-plugin-scope .dsm-listing-scope-note p{margin:0!important;font-size:16px!important;line-height:1.7!important;color:#4b3428!important}
.dsm-plugin-scope .dsm-listing-pricing-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 20px!important}
.dsm-plugin-scope .dsm-listing-pricing-strip article{display:grid!important;gap:5px!important;padding:20px!important;border:1px solid #fed7aa!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 25px rgba(124,45,18,.07)!important}
.dsm-plugin-scope .dsm-listing-pricing-strip span{font-size:12px!important;font-weight:800!important;color:#9a3412!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.dsm-plugin-scope .dsm-listing-pricing-strip strong{font-size:24px!important;color:#431407!important}
.dsm-plugin-scope .dsm-listing-pricing-strip small{font-size:13px!important;color:#78716c!important}
.dsm-plugin-scope .dsm-listing-section-heading{margin-top:34px!important;padding-top:28px!important;border-top:1px solid #fed7aa!important}
.dsm-plugin-scope .dsm-listing-media-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.dsm-plugin-scope .dsm-listing-upload-card{display:grid!important;grid-template-columns:46px 1fr!important;gap:13px!important;align-items:start!important;padding:18px!important;border:1.5px solid #fed7aa!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#fffaf5)!important}
.dsm-plugin-scope .dsm-listing-media-icon{display:grid!important;width:44px!important;height:44px!important;place-items:center!important;border-radius:13px!important;background:#ffedd5!important;color:#c2410c!important;font-size:23px!important;font-weight:800!important}
.dsm-plugin-scope .dsm-listing-upload-card .dsm-field{margin:0!important}
.dsm-plugin-scope .dsm-listing-video-field{margin-top:16px!important;padding:18px!important;border:1.5px solid #fed7aa!important;border-radius:17px!important;background:#fff7ed!important}
.dsm-plugin-scope .dsm-listing-price-box{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:24px 0!important;border:1px solid #fdba74!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 14px 32px rgba(124,45,18,.10)!important}
.dsm-plugin-scope .dsm-listing-price-box>div{display:grid!important;gap:5px!important;padding:17px!important;border-right:1px solid #fed7aa!important}
.dsm-plugin-scope .dsm-listing-price-box>div:last-child{border-right:0!important}
.dsm-plugin-scope .dsm-listing-price-box span{font-size:11px!important;font-weight:800!important;color:#9a3412!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.dsm-plugin-scope .dsm-listing-price-box strong{font-size:18px!important;color:#431407!important}
.dsm-plugin-scope .dsm-listing-price-box small{font-size:11px!important;color:#78716c!important}
.dsm-plugin-scope .dsm-listing-price-box .is-total{background:linear-gradient(135deg,#166534,#16a34a)!important}
.dsm-plugin-scope .dsm-listing-price-box .is-total span,.dsm-plugin-scope .dsm-listing-price-box .is-total strong{color:#fff!important}
.dsm-plugin-scope .dsm-listing-terms{padding:16px 18px!important;border:1px solid #fdba74!important;border-radius:14px!important;background:#fff7ed!important}
.dsm-plugin-scope .dsm-listing-submit{width:100%!important;min-height:58px!important;margin-top:16px!important;font-size:16px!important;background:linear-gradient(135deg,#c2410c,#f97316)!important}
.dsm-plugin-scope .dsm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){
  .dsm-plugin-scope .dsm-listing-hero{grid-template-columns:1fr!important}
  .dsm-plugin-scope .dsm-listing-pricing-strip{grid-template-columns:1fr!important}
  .dsm-plugin-scope .dsm-listing-price-box{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dsm-plugin-scope .dsm-listing-price-box>div{border-bottom:1px solid #fed7aa!important}
  .dsm-plugin-scope .dsm-listing-price-box .is-total{grid-column:1/-1!important}
}
@media(max-width:640px){
  .dsm-plugin-scope .dsm-listing-scope-note{grid-template-columns:1fr!important;padding:18px!important}
  .dsm-plugin-scope .dsm-listing-media-grid{grid-template-columns:1fr!important}
  .dsm-plugin-scope .dsm-listing-price-box{grid-template-columns:1fr!important}
  .dsm-plugin-scope .dsm-listing-price-box>div{border-right:0!important}
}

.dsm-floating a.is-listing{background:linear-gradient(135deg,#047857,#10b981)!important}

.dsm-plugin-scope .dsm-listing-promo-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 0 20px!important;padding:20px 22px!important;border:1px solid #86efac!important;border-radius:19px!important;background:linear-gradient(135deg,#f0fdf4,#fff)!important;box-shadow:0 12px 30px rgba(22,101,52,.10)!important}
.dsm-plugin-scope .dsm-listing-promo-card h2{margin:5px 0 6px!important;color:#14532d!important}
.dsm-plugin-scope .dsm-listing-promo-card p{margin:0!important;max-width:820px!important;color:#496353!important;font-size:14px!important;line-height:1.65!important}
.dsm-plugin-scope .dsm-listing-promo-card .dsm-kicker{color:#15803d!important}
.dsm-plugin-scope .dsm-listing-promo-price{display:grid!important;flex:0 0 auto!important;gap:3px!important;min-width:180px!important;text-align:center!important}
.dsm-plugin-scope .dsm-listing-promo-price strong{font-size:25px!important;color:#14532d!important}
.dsm-plugin-scope .dsm-listing-promo-price small{color:#64748b!important}
.dsm-plugin-scope .dsm-listing-promo-price .dsm-btn{margin-top:7px!important;background:linear-gradient(135deg,#15803d,#22c55e)!important;color:#fff!important}
@media(max-width:720px){.dsm-plugin-scope .dsm-listing-promo-card{align-items:stretch!important;flex-direction:column!important}.dsm-plugin-scope .dsm-listing-promo-price{min-width:0!important;text-align:left!important}}

/* v1.4.1 — keep floating actions identical on plugin canvas pages. */
.dsm-public-ui.dsm-floating{
  width:44px!important;grid-template-columns:44px!important;gap:7px!important;
}
.dsm-public-ui.dsm-floating a{
  position:relative!important;display:flex!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;gap:0!important;align-items:center!important;justify-content:center!important;overflow:visible!important;font-size:0!important;line-height:0!important;
}
.dsm-public-ui.dsm-floating a.is-listing{background:linear-gradient(135deg,#ea580c,#f97316)!important}
.dsm-public-ui.dsm-floating a.is-submit{background:linear-gradient(135deg,#dc2626,#ef4444)!important}
.dsm-public-ui.dsm-floating a.is-member{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}
.dsm-public-ui.dsm-floating a.is-guide{background:linear-gradient(135deg,#15803d,#16a34a)!important}
.dsm-public-ui.dsm-floating .dsm-float-icon{display:flex!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex:0 0 22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:0!important;line-height:0!important}
.dsm-public-ui.dsm-floating .dsm-float-icon svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.dsm-public-ui.dsm-floating .dsm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.dsm-public-ui.dsm-floating,.dsm-public-ui.dsm-floating.is-right{top:50%!important;right:8px!important;bottom:auto!important;left:auto!important;width:40px!important;grid-template-columns:40px!important;gap:6px!important;transform:translateY(-50%)!important}.dsm-public-ui.dsm-floating.is-left{left:8px!important;right:auto!important}.dsm-public-ui.dsm-floating a{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important}.dsm-public-ui.dsm-floating a:after{display:none!important}}
