/* Practice Books: QBO-depth customer/vendor forms, custom form styles, learning coach, Zena walkthroughs (Nov 2026) */

/* ---------- customer & vendor form ---------- */
html body .sb.sb .sb-dlg.wide:has(.cf-form){width:min(860px,100%)}
html body .sb.sb .cf-form{display:flex;flex-direction:column;gap:6px}
html body .sb.sb .cf-sec{border:1px solid var(--qb-line2,#E9EBEF);border-radius:6px;padding:14px 16px 10px;background:#fff}
html body .sb.sb .cf-sec h4{margin:0 0 10px;font:600 15px var(--body);color:#393A3D}
html body .sb.sb .cf-sec h5{margin:12px 0 6px;font:600 13px var(--body);color:#6B6C72;text-transform:none}
html body .sb.sb .cf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px}
html body .sb.sb .cf-grid .w2{grid-column:span 2}
html body .sb.sb .cf-name{grid-template-columns:.7fr 1.3fr 1fr 1.3fr .7fr}
html body .sb.sb .cf-grid .sb-fl{margin:0 0 6px}
html body .sb.sb .cf-grid .sb-fl span{font-size:12.5px}
html body .sb.sb .cf-sub{margin:-6px 0 8px}
html body .sb.sb .cf-att{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
html body .sb.sb .cf-drop{display:flex;flex-direction:column;gap:2px;border:1.5px dashed #8D9096;border-radius:6px;padding:10px 14px;cursor:pointer;background:#FAFBFC}
html body .sb.sb .cf-drop b{color:#0077C5;font-size:13.5px}
html body .sb.sb .cf-drop span{font-size:12px;color:#6B6C72}
html body .sb.sb .cf-file{display:inline-flex;gap:6px;align-items:center;background:#F4F5F8;border-radius:14px;padding:4px 6px 4px 10px;font-size:12.5px}
html body .sb.sb .cf-file button{border:0;background:none;cursor:pointer;color:#6B6C72}
@media (max-width:700px){html body .sb.sb .cf-grid,html body .sb.sb .cf-name{grid-template-columns:1fr 1fr}html body .sb.sb .cf-grid .w2{grid-column:1/-1}}

/* ---------- invoice document (preview + print) ---------- */
.ivd{--ivc:#12B886;background:#fff;color:#2b2c30;padding:34px 38px;border:1px solid #E3E5EA;border-radius:4px;line-height:1.45;box-shadow:0 8px 24px -16px rgba(0,0,0,.25)}
.ivd-top{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}
.ivd-top.lr{flex-direction:row-reverse}
.ivd-logo{object-fit:contain;max-height:56px;max-width:140px}.ivd-logo.s{max-height:38px}.ivd-logo.l{max-height:84px;max-width:200px}
.ivd-co{display:flex;flex-direction:column;font-size:.92em;color:#55575d}.ivd-co b{color:#222;font-size:1.15em}
.ivd-top:not(.lr) .ivd-co{text-align:right}
.ivd-title{margin:18px 0 12px;font-size:2.1em;letter-spacing:.02em;color:var(--ivc);font-weight:400;text-transform:uppercase}
.ivd-meta{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px;padding:12px 0;border-top:1px solid #E3E5EA;border-bottom:1px solid #E3E5EA;margin-bottom:14px}
.ivd-meta h6{margin:0 0 4px;font-size:.78em;letter-spacing:.06em;text-transform:uppercase;color:#6B6C72}
.ivd-meta pre{margin:0;font:inherit;white-space:pre-wrap}
.ivd-meta dl{margin:0;display:grid;gap:3px}.ivd-meta dl div{display:flex;justify-content:space-between;gap:10px}.ivd-meta dt{color:#6B6C72;font-size:.9em}.ivd-meta dd{margin:0;font-weight:600}
.ivd-tbl{width:100%;border-collapse:collapse}
.ivd-tbl th{text-align:left;font-size:.8em;letter-spacing:.04em;text-transform:uppercase;color:var(--ivc);padding:7px 6px;border-bottom:2px solid var(--ivc)}
.ivd-tbl td{padding:8px 6px;border-bottom:1px solid #EEF0F3;vertical-align:top}
.ivd-tbl .num{text-align:right}
.ivd-tot{margin:12px 0 0 auto;width:min(280px,100%);display:grid;gap:4px}
.ivd-tot div{display:flex;justify-content:space-between}.ivd-tot .due{margin-top:4px;padding-top:6px;border-top:2px solid var(--ivc);font-size:1.18em}
.ivd-msg{margin:18px 0 0;color:#55575d}
.ivd-foot{margin-top:22px;padding-top:10px;border-top:1px solid #E3E5EA;text-align:center;color:#6B6C72;font-size:.9em}
/* templates */
.ivd.tpl-modern .ivd-title{background:var(--ivc);color:#fff;padding:8px 14px;border-radius:3px;font-size:1.6em}
.ivd.tpl-modern .ivd-tbl thead{background:color-mix(in srgb,var(--ivc) 12%,#fff)}
.ivd.tpl-fresh{border-top:10px solid var(--ivc)}
.ivd.tpl-fresh .ivd-tbl th{color:#2b2c30;border-bottom-color:#2b2c30}
.ivd.tpl-bold .ivd-top{background:var(--ivc);color:#fff;margin:-34px -38px 0;padding:24px 38px}
.ivd.tpl-bold .ivd-co,.ivd.tpl-bold .ivd-co b{color:#fff}
.ivd.tpl-bold .ivd-tbl thead{background:var(--ivc)}.ivd.tpl-bold .ivd-tbl th{color:#fff}
.ivd.tpl-friendly{border-radius:16px}.ivd.tpl-friendly .ivd-title{text-transform:none;font-weight:700}
.ivd.tpl-friendly .ivd-meta{border:0;background:color-mix(in srgb,var(--ivc) 9%,#fff);border-radius:12px;padding:12px 16px}
html body .sb.sb .ivp-bar{align-items:end;margin-bottom:10px}
html body .sb.sb .ivp-bar p{grid-column:span 3;margin:0 0 10px}
html body .sb.sb .ivp-doc{max-height:62vh;overflow:auto;background:#F4F5F8;padding:14px;border-radius:6px}

/* ---------- custom form styles editor ---------- */
html body .sb.sb .fs-ed{display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 140px)}
html body .sb.sb .fs-edh{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E3E5EA;border-radius:6px;padding:10px 14px}
html body .sb.sb .fs-edh b{font-size:16px}.fs-edh .sp{flex:1}
html body .sb.sb .fs-body{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}
html body .sb.sb .fs-side{background:#fff;border:1px solid #E3E5EA;border-radius:6px;padding:4px 16px 16px;position:sticky;top:0;max-height:calc(100vh - 170px);overflow:auto}
html body .sb.sb .fs-side h5{margin:16px 0 8px;font:600 13.5px var(--body)}
html body .sb.sb .fs-side .sb-chk{display:flex;gap:8px;align-items:center;margin:5px 0;font-size:13.5px}
html body .sb.sb .fs-tabs{margin:8px 0 6px}
html body .sb.sb .fs-tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html body .sb.sb .fs-tpl{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px solid #DCDEE3;border-radius:6px;background:#fff;padding:8px 4px;cursor:pointer;font-size:12px}
html body .sb.sb .fs-tpl i{width:44px;height:54px;border:1px solid #DCDEE3;border-radius:2px;background:linear-gradient(#12B886 0 6px,#fff 6px 14px,#E9EBEF 14px 16px,#fff 16px 22px,#E9EBEF 22px 24px,#fff 24px)}
html body .sb.sb .fs-tpl.tpl-modern i{background:linear-gradient(#fff 0 6px,#12B886 6px 14px,#fff 14px 20px,#E9EBEF 20px 22px,#fff 22px)}
html body .sb.sb .fs-tpl.tpl-fresh i{border-top:5px solid #12B886}
html body .sb.sb .fs-tpl.tpl-bold i{background:linear-gradient(#12B886 0 18px,#fff 18px 24px,#E9EBEF 24px 26px,#fff 26px)}
html body .sb.sb .fs-tpl.tpl-friendly i{border-radius:8px;background:linear-gradient(#fff 0 8px,#D7F5EA 8px 20px,#fff 20px)}
html body .sb.sb .fs-tpl.on{border-color:#2CA01C;box-shadow:0 0 0 2px rgba(44,160,28,.25)}
html body .sb.sb .fs-logo{display:flex;gap:12px;align-items:center}.fs-logo img{max-height:56px;max-width:150px;border:1px solid #E3E5EA;border-radius:4px;padding:4px;background:#fff}
html body .sb.sb .fs-cols{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body .sb.sb .fs-col{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #C9CCD2;cursor:pointer}
html body .sb.sb .fs-col.on{box-shadow:0 0 0 2px #393A3D}
html body .sb.sb .fs-colc{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;cursor:pointer}
html body .sb.sb .fs-colc input{width:30px;height:28px;padding:0;border:0;background:none}
html body .sb.sb .fs-prevwrap{background:#E9EBEF;border-radius:6px;padding:12px 18px 22px}
html body .sb.sb .fs-prevlbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6B6C72;margin-bottom:8px}
html body .sb.sb .fs-prev{max-width:760px;margin:0 auto}
.fs-mail{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #E3E5EA}
.fs-mailh{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid #E3E5EA;font-size:13px;color:#6B6C72}.fs-mailh b{color:#222;font-size:15px}
.fs-mailband{background:var(--ivc);color:#fff;padding:18px;text-align:center}.fs-mailband img{max-height:48px;background:#fff;border-radius:4px;padding:4px}
.fs-mailamt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px}.fs-mailamt span{font-size:12px;letter-spacing:.06em;color:#6B6C72}.fs-mailamt b{font-size:28px}.fs-mailamt em{font-style:normal;color:#6B6C72}
.fs-mailamt i{font-style:normal;margin-top:8px;background:var(--ivc);color:#fff;border-radius:20px;padding:8px 22px;font-weight:600}
.fs-mail pre{font:14px/1.55 var(--body,Helvetica);white-space:pre-wrap;padding:0 22px 22px;margin:0}
@media (max-width:900px){html body .sb.sb .fs-body{grid-template-columns:1fr}html body .sb.sb .fs-side{position:static;max-height:none}}

/* ---------- learning coach ---------- */
.sb .cz-bar{display:flex;align-items:center;gap:10px;margin:0;padding:6px 10px 6px 12px;background:linear-gradient(90deg,#E7F8F1,#F1FBF7);border-bottom:1px solid #BFEBD9;font-size:13.5px;color:#0F5C45;min-height:38px}
.sb .pf .cz-bar{border-radius:0}
.sb .cz-badge{flex:none;background:#12B886;color:#fff;font-weight:700;font-size:12px;border-radius:12px;padding:3px 10px;white-space:nowrap}
.sb .cz-scroll{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.sb .cz-track{display:inline-flex;gap:48px;white-space:nowrap;animation:cz-scroll var(--cz-dur,30s) linear infinite;padding-left:12px}
.sb .cz-bar:hover .cz-track,.sb .cz-bar:focus-within .cz-track{animation-play-state:paused}
.sb .cz-item b{color:#0B3D2E}
@keyframes cz-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sb .cz-track{animation:none;white-space:normal;display:block}.sb .cz-item:not(:first-child){display:none}}
.sb .cz-show{flex:none;border:0;background:#0F5C45;color:#fff;font-weight:600;font-size:12.5px;border-radius:14px;padding:5px 12px;cursor:pointer}
.sb .cz-show:hover{background:#0B3D2E}
.sb .cz-x{flex:none;border:0;background:none;color:#0F5C45;cursor:pointer;font-size:15px;padding:2px 6px}
.sb .cz-tip{position:fixed;z-index:110;max-width:290px;background:#0F2A22;color:#fff;font-size:13px;line-height:1.45;padding:9px 12px;border-radius:8px;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);pointer-events:none}
.sb .cz-tip b{color:#5FE0B5;margin-right:4px}
.sb .cz-tip[hidden]{display:none}
html body .sb.sb .cz-next{outline:2px solid #12B886!important;outline-offset:2px;animation:cz-pulse 1.6s ease-in-out infinite}
@keyframes cz-pulse{50%{outline-color:rgba(18,184,134,.25)}}
@media (prefers-reduced-motion:reduce){html body .sb.sb .cz-next{animation:none}}

/* ---------- Zena walkthrough overlay ---------- */
#tpg{position:fixed;inset:0;z-index:120;pointer-events:none}
#tpg[hidden]{display:none}
.tpg-hole{position:fixed;display:none;border-radius:8px;box-shadow:0 0 0 9999px rgba(10,18,32,.5),0 0 0 3px #12B886,0 0 22px 4px rgba(18,184,134,.6);transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease}
.tpg-card{position:fixed;width:min(350px,calc(100vw - 24px));background:#fff;color:#172033;border-radius:12px;box-shadow:0 24px 50px -16px rgba(0,0,0,.5);padding:12px 14px 14px;pointer-events:auto;font:14px/1.5 Manrope,"Segoe UI",Helvetica,Arial,sans-serif;transition:left .3s ease,top .3s ease}
.tpg-card.center{left:50%!important;top:auto!important;bottom:24px;transform:translateX(-50%)}
.tpg-h{display:flex;align-items:center;gap:8px}.tpg-h b{font-size:14.5px}.tpg-h span{flex:1;font-size:12px;color:#596579}
.tpg-x{border:0;background:none;font-size:16px;cursor:pointer;color:#596579;padding:2px 4px}
.tpg-prog{height:4px;background:#E7F8F1;border-radius:3px;margin:8px 0 10px;overflow:hidden}.tpg-prog i{display:block;height:100%;background:#12B886;transition:width .3s}
.tpg-say{margin:0 0 8px}
.tpg-ex{margin:-2px 0 8px;font-size:12.5px;color:#596579}.tpg-ex code{background:#F1F3F6;border-radius:4px;padding:1px 6px}
.tpg-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.tpg-btns button{border:1px solid #CFD5DE;background:#fff;color:#172033;border-radius:18px;padding:6px 13px;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer}
.tpg-btns button.pri{background:#12B886;border-color:#12B886;color:#fff}
.tpg-live{margin-right:auto;font-size:12.5px;color:#0F7A5A;display:inline-flex;align-items:center;gap:6px}
.tpg-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#12B886;animation:cz-pulse 1.2s infinite}
.tpg-cur{position:fixed;left:0;top:0;width:26px;height:26px;opacity:0;transition:transform .6s cubic-bezier(.3,.8,.3,1),opacity .2s;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.tpg-cur.on{opacity:1}.tpg-cur svg{width:26px;height:26px;fill:#111;stroke:#fff;stroke-width:1.5}
.tpg-cur.tap svg{transform:scale(.82)}
.tpg-sri b{color:#0F7A5A}
@media (prefers-reduced-motion:reduce){.tpg-hole,.tpg-card,.tpg-cur{transition:none}}
/* coach bar sits between header and content without stretching the grid */
html body .sb.sb .pb-col:has(>.cz-bar){grid-template-rows:auto auto minmax(0,1fr)}
html body .sb.sb .pf:has(>.cz-bar){grid-template-rows:auto auto minmax(0,1fr) auto}
html body .sb.sb .cz-bar{min-width:0;max-width:100%;box-sizing:border-box;contain:inline-size}
html body .sb.sb .cz-scroll{flex:1 1 0;width:0;min-width:0}
html body .sb.sb .fs-body{grid-template-columns:340px minmax(0,1fr)}
html body .sb.sb .fs-prevwrap,html body .sb.sb .fs-prev{min-width:0}
html body .sb.sb .fs-side .cf-grid{grid-template-columns:1fr 1fr}
.ivd{max-width:100%;box-sizing:border-box;overflow-x:auto}
.ivd .ivd-tbl{table-layout:auto;word-break:normal}
.ivd footer.ivd-foot{background:none!important;color:#6B6C72!important;padding:10px 0 0!important;margin-top:22px!important;border-top:1px solid #E3E5EA;border-radius:0!important;box-shadow:none!important}
.ivd h1.ivd-title{line-height:1.1}
@media (max-width:1200px){.ivd-meta{grid-template-columns:1fr 1fr}.ivd-meta dl{grid-column:1/-1}}
body.tpg-on .sb .cz-tip{display:none!important}
/* TP Practice Books mark */
html body .sb.sb .pb-logo{display:flex;align-items:center;gap:10px}
html body .sb.sb .pb-tpmark{flex:none;width:34px;height:34px;border-radius:8px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #12B886}
html body .sb.sb .pb-tpmark img{width:26px;height:26px;display:block}
html body .sb.sb .pb-tpname{display:flex;flex-direction:column;line-height:1.15;font-weight:700;color:#fff}
html body .sb.sb .pb-tpname b{color:#5FE0B5}
html body .sb.sb .pb-tpname small{font:500 10.5px var(--body);color:#C9CCD2;letter-spacing:.02em}
/* run payroll with a big team */
html body .sb.sb .pr-runbar{display:flex;align-items:center;gap:14px;margin:6px 0 10px;flex-wrap:wrap}
html body .sb.sb .pr-runbar .pb-filter{margin:0}
html body .sb.sb .pr-run tr.pr-skip td{color:#8D9096}
html body .sb.sb .pr-run tbody tr:nth-child(even){background:#FAFBFC}
html body .sb.sb .pb-stnext{background:#E8F4FB;border:1px solid #B6DAF0;border-radius:6px;padding:10px 12px;margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body .sb.sb .pb-stnext.ok{background:#E8F5E5;border-color:#B9DFB0}
/* bank statement document */
.bst{background:#fff;color:#222;border:1px solid #DCDEE3;border-radius:4px;padding:22px 26px;font:13px/1.45 Helvetica,Arial,sans-serif}
.bst-h{display:flex;justify-content:space-between;gap:16px;border-bottom:3px solid #0B3D6B;padding-bottom:10px}
.bst-bank b{display:block;font-size:18px;color:#0B3D6B}.bst-bank span,.bst-per span{font-size:11.5px;color:#6B6C72}
.bst-per{text-align:right}.bst-per b{display:block;font-size:14px}
.bst-acc{display:flex;gap:40px;margin:12px 0}.bst-acc span{display:block;font-size:11px;color:#6B6C72;text-transform:uppercase;letter-spacing:.05em}
.bst-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#F3F6FA;border-radius:4px;padding:10px 12px;margin-bottom:12px}
.bst-sum span{display:block;font-size:11px;color:#55575d}.bst-sum b{font-size:15px}.bst-sum .end b{color:#0B3D6B}
.bst-tbl{width:100%;border-collapse:collapse}.bst-tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#55575d;text-align:left;border-bottom:1px solid #C9CCD2;padding:6px}
.bst-tbl td{padding:5px 6px;border-bottom:1px solid #EEF0F3}.bst-tbl .num{text-align:right;white-space:nowrap}
.bst-sub{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.bst-chks{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px}
.bst-note{margin:14px 0 0;padding-top:10px;border-top:1px dashed #C9CCD2;color:#55575d}
/* sales tax center */
html body .sb.sb .stx-rate select{padding:4px 8px;margin-left:4px}
html body .sb.sb .stx-ex{font-style:normal;background:#FFF4E5;color:#8A4B00;border-radius:10px;padding:2px 8px;font-size:12px}
html body .sb.sb .stx-nex td{vertical-align:top}
html body .sb.sb .stx-chg{color:#B54708}
html body .sb.sb .stx-news{list-style:none;padding:0;margin:0;display:grid;gap:10px}
html body .sb.sb .stx-news li{display:grid;grid-template-columns:110px 1fr;gap:14px;background:#fff;border:1px solid #E3E5EA;border-radius:6px;padding:12px 14px}
html body .sb.sb .stx-news time{font-weight:700;color:#0F7A5A}
html body .sb.sb .stx-news p{margin:4px 0}
html body .sb.sb .stx-ret td:first-child{width:36px;color:#6B6C72}
/* lesson language bar (Successful / Advanced Pros) */
.tp-langbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 200px);background:#fff;color:#172033;border:1px solid #BFEBD9;border-radius:999px;padding:8px 10px 8px 14px;box-shadow:0 10px 28px -14px rgba(15,42,34,.45);font:14px/1.35 Manrope,system-ui,sans-serif}
.tp-langbar svg{color:#12B886;flex:none}
.tp-langbar button{border:0;background:#12B886;color:#fff;font:700 13px Manrope,system-ui,sans-serif;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
body.sb-lock .tp-langbar,body.zn-open .tp-langbar{display:none}
@media (max-width:760px){.tp-langbar{left:12px;right:12px;transform:none;max-width:none;bottom:84px;border-radius:14px;font-size:13px}}
/* line-wise payroll onboarding */
html body .sb.sb .pr-line{list-style:none;padding:0;margin:12px 0 0;position:relative}
html body .sb.sb .pr-line li{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 12px 10px 0;border:0;background:none}
html body .sb.sb .pr-line li:not(:last-child)::after{content:"";position:absolute;left:19px;top:44px;bottom:-10px;width:2px;background:#DCDEE3}
html body .sb.sb .pr-line li.ok:not(:last-child)::after{background:#12B886}
html body .sb.sb .pr-line .pr-n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#fff;border:2px solid #C9CCD2;color:#6B6C72;position:relative;z-index:1}
html body .sb.sb .pr-line li.ok .pr-n{background:#12B886;border-color:#12B886;color:#fff}
html body .sb.sb .pr-line li.cur{background:#F1FBF7;border-radius:10px}
html body .sb.sb .pr-line li.cur .pr-n{border-color:#12B886;color:#0F7A5A;box-shadow:0 0 0 4px rgba(18,184,134,.18)}
html body .sb.sb .pr-line li small{display:block;font-size:11.5px;color:#6B6C72;text-transform:uppercase;letter-spacing:.04em}
html body .sb.sb .pr-line li.cur small{color:#0F7A5A;font-weight:700}
html body .sb.sb .pr-line li b{display:block}
html body .sb.sb .pr-line li span:not(.pr-n){display:block;color:#6B6C72;font-size:13px}
html body .sb.sb .pr-line li.pr-fin .pr-n{border-style:dashed}
html body .sb.sb .pr-line li.pr-fin.ok .pr-n{border-style:solid;background:#12B886;border-color:#12B886;color:#fff}
/* Learn menu, offers, Test Drive */
html body .sb.sb .pb-learn,html body .sb.sb .pb-td{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#393A3D;font-weight:600}
html body .sb.sb .pb-learn{background:#E7F8F1;border-radius:18px;padding:6px 12px;color:#0F7A5A}
html body .sb.sb .pb-td{border:1px solid #CFE8C9;border-radius:18px;padding:5px 10px;background:#F4FBF2}
html body .sb.sb .pb-td small{color:#2CA01C;font-weight:700}
@media (max-width:1100px){html body .sb.sb .pb-td span,html body .sb.sb .pb-td small,html body .sb.sb .pb-learn span{display:none}}
html body .sb.sb .pb-tdr{display:flex;align-items:center;gap:10px;margin:14px 8px 0;padding:10px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff}
html body .sb.sb .pb-tdr:hover{background:rgba(255,255,255,.14)}
html body .sb.sb .pb-tdic{width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center;flex:none}
html body .sb.sb .pb-tdr span:last-child{display:flex;flex-direction:column;line-height:1.2;font-weight:600;font-size:13.5px}
html body .sb.sb .pb-tdr small{font-size:11px;color:#C9CCD2;font-weight:500}
#tpg-menu{position:fixed;inset:0;z-index:118;background:rgba(10,18,32,.45);display:grid;place-items:center;padding:16px}
#tpg-menu[hidden]{display:none}
.tpg-menu{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:18px 20px;font:14px/1.45 Manrope,system-ui,sans-serif;color:#172033;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.tpg-mh{display:flex;gap:12px;align-items:center;margin-bottom:12px}.tpg-mh div{flex:1}.tpg-mh b{display:block;font-size:18px}.tpg-mh small{color:#596579}
.tpg-mh button{border:0;background:none;font-size:18px;cursor:pointer;color:#596579}
.tpg-mb{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.tpg-mb h6{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#0F7A5A}
.tpg-mb section>div{display:grid;gap:6px}
.tpg-mb button{text-align:left;border:1px solid #E1ECE8;background:#FAFCFB;border-radius:10px;padding:8px 11px;cursor:pointer;font-family:inherit;color:#172033}
.tpg-mb button:hover{border-color:#12B886;background:#F1FBF7}
.tpg-mb button b{display:block;font-size:14px}.tpg-mb button span{font-size:12px;color:#596579}
.tpg-mf{margin:14px 0 0;color:#596579;font-size:13px}
.tpg-offer{position:fixed;right:18px;bottom:18px;z-index:110;display:flex;gap:10px;align-items:flex-start;width:min(360px,calc(100vw - 36px));background:#fff;border:1px solid #BFEBD9;border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);font:14px/1.4 Manrope,system-ui,sans-serif;color:#172033;animation:tpgUp .25s ease}
.tpg-offer[hidden]{display:none}
@keyframes tpgUp{from{opacity:0;transform:translateY(10px)}}
.tpg-offer b{display:block}.tpg-offer span{display:block;color:#596579;font-size:13px;margin-bottom:8px}
.tpg-offer div div{display:flex;gap:6px;flex-wrap:wrap}
.tpg-offer button{border:1px solid #CFD5DE;background:#fff;border-radius:16px;padding:5px 11px;font-weight:700;font-size:12.5px;font-family:inherit;cursor:pointer}
.tpg-offer button.pri{background:#12B886;border-color:#12B886;color:#fff}
.zn-learn{margin:12px 0 4px;text-align:left;background:#F1FBF7;border:1px solid #CDEFE3;border-radius:12px;padding:10px 12px}
.zn-learn>b{display:block;font-size:13.5px;margin-bottom:6px}
.zn-lg{margin:6px 0}.zn-lg small{display:block;font-weight:700;color:#0F7A5A;font-size:12px;margin-bottom:4px}
.zn-lg div{display:flex;flex-wrap:wrap;gap:5px}
.zn-lg button{border:1px solid #BFE8D8;background:#fff;border-radius:14px;padding:4px 10px;font-size:12.5px;cursor:pointer;font-family:inherit}
.zn-lg button:hover{background:#12B886;color:#fff;border-color:#12B886}
/* free-trial strip */
html body .sb.sb .tr-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 14px;background:linear-gradient(90deg,#FFF6E8,#FFFBF3);border-bottom:1px solid #F4D9AE;font-size:13.5px;color:#5C3B00}
html body .sb.sb .tr-bar span:nth-child(2){flex:1;min-width:240px}
html body .sb.sb .tr-bar button{border:1px solid #E8C48A;background:#fff;color:#7A4B00;border-radius:16px;padding:5px 12px;font-weight:700;font-size:12.5px;cursor:pointer;font-family:inherit}
html body .sb.sb .tr-bar .tr-buy{background:#12B886;border-color:#12B886;color:#fff}
html body .sb.sb .pb-col:has(>.tr-bar):has(>.cz-bar){grid-template-rows:auto auto auto minmax(0,1fr)}
html body .sb.sb .pb-col:has(>.tr-bar):not(:has(>.cz-bar)){grid-template-rows:auto auto minmax(0,1fr)}