/* CTA buttons + writing blocks (2026-10-21, Grok Bot) prefix: blog */
.blog-cta-wrap{margin:22px 0;text-align:center;line-height:1.3;clear:both}.blog-al-l{text-align:left}.blog-al-r{text-align:right}
a.blog-cta{--b1:#2563eb;--b2:#1d4ed8;--fg:#fff;--sh:37,99,235}
a.blog-cta,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;max-width:100%;min-height:52px;padding:10px 22px;border-radius:14px;background:linear-gradient(135deg,var(--b1),var(--b2));color:var(--fg)!important;text-decoration:none!important;font-weight:800;font-size:16px;letter-spacing:-.01em;line-height:1.25;text-align:left;border:0;box-shadow:0 6px 16px rgba(var(--sh),.28);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent;cursor:pointer;vertical-align:middle;word-break:keep-all;position:relative}
a.blog-cta:hover,a.blog-cta:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--sh),.36);filter:brightness(1.05);color:var(--fg)!important}
a.blog-cta:focus-visible{outline:3px solid rgba(var(--sh),.45);outline-offset:3px}a.blog-cta:active{transform:translateY(0) scale(.98)}
.blog-cta-ic{font-size:1.15em;line-height:1;flex:0 0 auto}.blog-cta-ic:empty{display:none}.blog-cta-tx{display:flex;flex-direction:column;min-width:0}.blog-cta-lb{font-weight:800;color:inherit}
.blog-cta-sub{display:block;font-size:.78em;font-weight:600;opacity:.88;margin-top:2px}.blog-cta-ar{flex:0 0 auto;font-weight:900;transition:transform .15s ease}a.blog-cta:hover .blog-cta-ar{transform:translateX(3px)}
a.blog-cta.blog-cta--download{--b1:#10b981;--b2:#047857;--sh:5,150,105}
a.blog-cta.blog-cta--detail{--b1:#3b82f6;--b2:#1d4ed8;--sh:37,99,235}
a.blog-cta.blog-cta--consult{--b1:#fee500;--b2:#fcd34d;--fg:#191600;--sh:202,138,4}
a.blog-cta.blog-cta--account{--b1:#d97706;--b2:#9a3412;--sh:217,119,6}
a.blog-cta.blog-cta--point{--b1:#8b5cf6;--b2:#6d28d9;--sh:124,58,237}
a.blog-cta.blog-cta--coupon,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--coupon{--b1:#fff;--b2:#fff5f5;--fg:#b91c1c;--sh:220,38,38;border:2px dashed #ef4444;box-shadow:0 4px 12px rgba(220,38,38,.14)}
.blog-cta-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;background:#fee2e2;color:#991b1b;border-radius:8px;padding:4px 9px;letter-spacing:.04em}
:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta .blog-cta-lb,a.blog-cta .blog-cta-lb{background:none!important;box-shadow:none!important;text-decoration:none!important;border:0!important;padding:0!important;color:inherit!important}
a.blog-cta.blog-cta--coupon{flex-wrap:wrap;row-gap:6px}.blog-cta--coupon .blog-cta-tx{flex:1 1 150px}
.blog-cta--coupon .blog-cta-ar{background:#dc2626;color:#fff;border-radius:999px;padding:4px 10px;font-size:.8em}
a.blog-cta.is-copied .blog-cta-ar{background:#059669}
a.blog-cta.blog-cta--s,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--s{min-height:44px;padding:8px 16px;font-size:14px;border-radius:12px}
a.blog-cta.blog-cta--m,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--m{min-height:52px}
a.blog-cta.blog-cta--l,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--l{min-height:62px;padding:12px 30px;font-size:18px;border-radius:16px}
a.blog-cta.blog-cta--full,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--full{display:flex;width:100%;min-height:62px;padding:12px 22px;font-size:18px;border-radius:16px}
.blog-cta--full .blog-cta-tx{flex:0 1 auto}
a.blog-cta.blog-cta-pulse{animation:blogpulse 2.4s ease-in-out infinite}
@keyframes blogpulse{0%,100%{box-shadow:0 6px 16px rgba(var(--sh),.28),0 0 0 0 rgba(var(--sh),.32)}50%{box-shadow:0 6px 16px rgba(var(--sh),.28),0 0 0 9px rgba(var(--sh),0)}}
@media (prefers-reduced-motion:reduce){a.blog-cta,.blog-cta-ar{transition:none}a.blog-cta.blog-cta-pulse{animation:none}a.blog-cta:hover{transform:none}}
@media (max-width:640px){a.blog-cta.blog-cta--m,a.blog-cta.blog-cta--l,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--m,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--l{display:flex;width:100%}:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) a.blog-cta.blog-cta--l,a.blog-cta.blog-cta--l{font-size:17px}}
/* writing blocks */
.blog-blk{margin:22px 0;padding:16px 18px;border-radius:14px;border:1px solid #e5e7eb;background:#f9fafb;line-height:1.65}
.blog-blk>p{margin:0 0 6px}.blog-blk .blog-blk-h{margin:0 0 8px;font-size:16.5px}.blog-blk ul{margin:0;padding-left:1.2em}.blog-blk li{margin:3px 0}
.blog-blk--summary{background:#eff6ff;border-color:#bfdbfe;border-left:5px solid #2563eb}
.blog-blk--tip{background:#f0fdf4;border-color:#bbf7d0;border-left:5px solid #16a34a}
.blog-blk--faq{background:#fff}.blog-blk .blog-faq-q{margin:12px 0 2px}.blog-blk .blog-faq-a{margin:0 0 4px;color:#374151}
.blog-blk--table{background:#fff;padding:14px;overflow-x:auto}.blog-cmp,:is(.blog-content,.view_cont,.cdv-desc,.ql-editor,.cda-ed__area) table.blog-cmp{display:table!important;width:100%!important;border-collapse:collapse;font-size:15px;min-width:320px}
.blog-cmp th,.blog-cmp td{border:1px solid #e5e7eb;padding:9px 10px;text-align:left;vertical-align:top}.blog-cmp tr:first-child>*{background:#111827;color:#fff;font-weight:800}.blog-cmp tr:nth-child(odd):not(:first-child) td{background:#f9fafb}
.blog-blk--ctabox{text-align:center;background:linear-gradient(135deg,#eef2ff,#fdf2f8);border-color:#c7d2fe;padding:20px 18px}
.blog-blk--ctabox .blog-blk-h{font-size:19px}.blog-blk--ctabox .blog-blk-p{color:#4b5563}.blog-blk--ctabox .blog-cta-wrap{margin:12px 0 2px}
/* editor-only: Quill resets list markers; keep block bullets visible */
.ql-editor .blog-blk ul{padding-left:1.2em}.ql-editor .blog-blk li{list-style:disc;padding-left:0}.ql-editor .blog-blk li::before{content:none}
.ql-editor .blog-emb{cursor:pointer;border-radius:14px;outline:2px dashed transparent;outline-offset:4px}.ql-editor .blog-emb:hover,.ql-editor .blog-emb.is-sel{outline-color:#93c5fd}
.cdcta-bar{position:absolute;z-index:50;display:flex;gap:4px;background:#111827;border-radius:9px;padding:4px;box-shadow:0 6px 18px rgba(0,0,0,.2)}.cdcta-bar button{border:0;background:transparent;color:#fff;font:700 13px/1 sans-serif;padding:8px 10px;border-radius:6px;cursor:pointer;min-height:32px}.cdcta-bar button:hover{background:#374151}
.ql-toolbar .cdcta-tb{display:inline-flex;gap:4px;align-items:center}.ql-toolbar.ql-snow .cdcta-tb button{width:auto!important;padding:3px 8px!important;font-weight:800;font-size:13px;white-space:nowrap;border-radius:6px;color:#1d4ed8}.ql-toolbar.ql-snow .cdcta-tb button:hover{background:#eff6ff}
.cdcta-menu{position:absolute;z-index:60;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.14);padding:4px;min-width:180px}.cdcta-menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;border-radius:7px;font:600 14px/1.3 sans-serif;cursor:pointer;color:#111827}.cdcta-menu button:hover{background:#f3f4f6}
.cda-ed__bar .cdcta-tb{display:inline-flex;gap:2px}.cda-ed__bar .cdcta-tb button{width:auto;padding:0 8px;font-weight:800;font-size:12.5px;white-space:nowrap}
/* product page (.view_content forces link color/underline with !important) */
.cont.view .view_content a.blog-cta.blog-cta:not(.cdv-btn):not(.btn),.cont.view .view_content a.blog-cta.blog-cta:not(.cdv-btn):not(.btn):hover{color:var(--fg)!important;text-decoration:none!important;font-weight:800!important;background:linear-gradient(135deg,var(--b1),var(--b2))!important}
.cont.view .view_content .blog-blk ul{padding-left:1.25em!important}.cont.view .view_content .blog-blk ul>li{list-style:disc!important;padding-left:0!important}.cont.view .view_content .blog-blk ul>li::before{content:none!important}
.cont.view .view_content .blog-blk table.blog-cmp.blog-cmp tr:first-child>th,.cont.view .view_content .blog-blk table.blog-cmp.blog-cmp tr:first-child>td{background:#111827!important;color:#fff!important;font-weight:800}
