/* =========================================================
   NiceSlides v286 — conflict cleanup, tool pages, mobile rail
   ========================================================= */
:root{
  --ns286-purple:#7448f3;
  --ns286-purple2:#a24cf0;
  --ns286-ink:#081947;
  --ns286-text:#59647f;
  --ns286-line:#e8e3f2;
  --ns286-soft:#f8f6ff;
  --ns286-soft2:#f2edff;
}

/* ---- Global purple reset for content pages: kill legacy orange accents ---- */
main a:not(.btn):not(.hero-primary-v273):not(.hero-secondary-v273):not(.header-create-v273){text-decoration-color:rgba(116,72,243,.35)}
main mark{background:linear-gradient(90deg,#6846f5,#a24cf0)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.blog-subhero,.info-subhero,.tool-hero-v286,.content-band.info-content,.blog-article-v224,.blog-grid{--accent:#7448f3!important;--orange:#7448f3!important;--brand:#7448f3!important}
.blog-card,.info-prose,.contact-form-card,.article-cta,.ns-faq-item-v282{border-color:var(--ns286-line)!important}
.blog-read,.back-link,.info-contact-note a,.contact-form-head>span{color:var(--ns286-purple)!important}

/* ---- Generator: full-width, source field and true rail ---- */
#generator.generator-card-v275{
  width:min(calc(100% - 48px),1580px)!important;
  max-width:1580px!important;
  margin-left:auto!important;margin-right:auto!important;
}
#generator.generator-card-v275 form{width:100%!important;max-width:none!important}
.generator-reference-v286{margin:18px 0 4px!important}
.generator-reference-v286>label{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;color:#111c49!important;font-size:14px!important;font-weight:800!important}
.generator-reference-v286>label span{padding:4px 8px!important;border-radius:999px!important;background:#f2edff!important;color:#7448f3!important;font-size:11px!important;font-weight:800!important}
.generator-reference-control-v286{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;min-height:58px!important;border:1px solid #e4def0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(46,32,85,.035)!important}
.generator-reference-icon-v286{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;margin-left:10px!important;border-radius:10px!important;background:#f2edff!important;color:#7448f3!important;font-size:20px!important;font-weight:900!important}
.generator-reference-control-v286 input{grid-column:2!important;width:100%!important;min-width:0!important;height:56px!important;padding:0 16px!important;border:0!important;outline:0!important;background:transparent!important;color:#182342!important;font:600 15px/1.2 inherit!important;box-shadow:none!important}
.generator-reference-control-v286 small{grid-column:1/-1!important;padding:0 14px 12px 52px!important;color:#8991a5!important;font-size:12px!important;line-height:1.45!important}
.generator-reference-control-v286:focus-within{border-color:#8a61ef!important;box-shadow:0 0 0 3px rgba(116,72,243,.09)!important}

html body main #generator.generator-card-v275 .template-grid-v282{
  display:flex!important;flex-wrap:nowrap!important;gap:16px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  overflow-x:scroll!important;overflow-y:hidden!important;
  padding:4px 2px 18px!important;margin:0!important;
  scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;cursor:grab!important;
  scrollbar-width:auto!important;scrollbar-color:#7d54ef #eeeafb!important;
}
html body main #generator.generator-card-v275 .template-grid-v282::-webkit-scrollbar{display:block!important;height:10px!important}
html body main #generator.generator-card-v275 .template-grid-v282::-webkit-scrollbar-track{background:#eeeafb!important;border-radius:999px!important}
html body main #generator.generator-card-v275 .template-grid-v282::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7448f3,#a14df0)!important;border:2px solid #eeeafb!important;border-radius:999px!important}
html body main #generator.generator-card-v275 .template-grid-v282>.template-card-v282,
html body main #generator.generator-card-v275 .template-grid-v282>.template-card-v282:nth-child(n){
  flex:0 0 clamp(250px,24vw,350px)!important;
  width:clamp(250px,24vw,350px)!important;
  min-width:250px!important;max-width:350px!important;
  scroll-snap-align:start!important;display:block!important;
}
html body main #generator.generator-card-v275.templates-expanded-v275 .template-grid-v282{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;touch-action:auto!important}
html body main #generator.generator-card-v275.templates-expanded-v275 .template-grid-v282>.template-card-v282{width:100%!important;max-width:none!important;min-width:0!important}
/* Absolutely remove legacy white-square arrow: only top-right check is allowed. */
html body main #generator .template-card-v282 [class*="arrow"],
html body main #generator .template-card-v282 [class*="more"],
html body main #generator .template-card-v282 .template-preview-fallback,
html body main #generator .template-card-v282 .template-preview-fallback *,
html body main #generator .template-card-v282>i,
html body main #generator .template-card-v282>svg,
html body main #generator .template-card-v282 .template-name+span:not(.template-check){display:none!important;visibility:hidden!important;opacity:0!important}
html body main #generator .template-card-v282::before,
html body main #generator .template-card-v282::after,
html body main #generator .template-preview-v282::before,
html body main #generator .template-preview-v282::after,
html body main #generator .template-preview-real::before,
html body main #generator .template-preview-real::after,
html body main #generator .template-name::before,
html body main #generator .template-name::after{content:none!important;display:none!important;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important}
html body main #generator .template-card-v282 .template-check{display:flex!important;position:absolute!important;top:13px!important;right:13px!important;left:auto!important;bottom:auto!important;z-index:50!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;border:2px solid rgba(116,72,243,.30)!important;border-radius:50%!important;background:#fff!important;color:transparent!important;-webkit-text-fill-color:transparent!important;align-items:center!important;justify-content:center!important;font:900 18px/1 Arial,sans-serif!important;box-shadow:0 3px 10px rgba(37,25,72,.09)!important}
html body main #generator .template-card-v282.is-selected .template-check,
html body main #generator .template-card-v282[aria-pressed="true"] .template-check{border-color:#7448f3!important;background:linear-gradient(135deg,#8b5cff,#6339eb)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---- Comparison: desktop table, mobile horizontal scroll instead of broken stacking ---- */
.ns-compare-scroll-v286{width:100%!important;max-width:100%!important;overflow:visible!important}
@media(max-width:760px){
  .ns-compare-scroll-v286{overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 12px!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:thin!important;scrollbar-color:#7d54ef #eeeafb!important}
  .ns-compare-scroll-v286::-webkit-scrollbar{height:8px!important}.ns-compare-scroll-v286::-webkit-scrollbar-track{background:#eeeafb!important;border-radius:999px!important}.ns-compare-scroll-v286::-webkit-scrollbar-thumb{background:#7d54ef!important;border-radius:999px!important}
  .ns-compare-scroll-v286 .ns-compare-table-v285{min-width:860px!important;width:860px!important;border-radius:18px!important;overflow:hidden!important}
  .ns-compare-scroll-v286 .ns-compare-header-v285{display:grid!important}
  .ns-compare-scroll-v286 .ns-compare-row-v285{display:grid!important;grid-template-columns:230px 315px 315px!important;min-height:72px!important;padding:0!important}
  .ns-compare-scroll-v286 .ns-compare-row-v285>div{min-height:72px!important;padding:11px 16px!important;border-left:1px solid #eeeaf6!important;font-size:14px!important}
  .ns-compare-scroll-v286 .ns-compare-row-v285>.ns-compare-criterion-v285{grid-column:auto!important;background:#faf9ff!important;border-left:0!important}
  .ns-compare-scroll-v286 .ns-compare-row-v285>.ns-compare-ai-v285{border-left:1px solid #eeeaf6!important}
}

/* ---- Main mobile centering: beat old left-aligned selectors ---- */
@media(max-width:700px){
  body main .hero-home-v273 .hero-copy-v273,
  body main .hero-home-v273 .hero-copy-v273 h1,
  body main .hero-home-v273 .hero-copy-v273 h2,
  body main .hero-home-v273 .hero-copy-v273 p,
  body main .ai-online-v205.ai-online-v275.ai-online-v276 .ai-online-copy-v205.ai-online-copy-v275.ai-online-copy-v276,
  body main .ai-online-v205.ai-online-v275.ai-online-v276 .ai-online-copy-v205.ai-online-copy-v275.ai-online-copy-v276 h2,
  body main .ai-online-v205.ai-online-v275.ai-online-v276 .ai-online-copy-v205.ai-online-copy-v275.ai-online-copy-v276 p,
  body main .input-methods-v206.input-methods-v276 .input-methods-copy-v206.input-methods-copy-v276,
  body main .input-methods-v206.input-methods-v276 .input-methods-copy-v206.input-methods-copy-v276 h2,
  body main .input-methods-v206.input-methods-v276 .input-methods-copy-v206.input-methods-copy-v276 p{
    text-align:center!important;margin-left:auto!important;margin-right:auto!important
  }
  #generator.generator-card-v275{width:calc(100% - 20px)!important;max-width:none!important;margin-left:10px!important;margin-right:10px!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}
  #generator.generator-card-v275 form{width:100%!important;max-width:none!important}
  #generator.generator-card-v275 .template-grid-v282{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;gap:12px!important;padding-bottom:16px!important}
  #generator.generator-card-v275 .template-grid-v282>.template-card-v282,
  #generator.generator-card-v275 .template-grid-v282>.template-card-v282:nth-child(n){flex:0 0 calc(100% - 30px)!important;width:calc(100% - 30px)!important;min-width:calc(100% - 30px)!important;max-width:none!important}
  #generator.generator-card-v275.templates-expanded-v275 .template-grid-v282{grid-template-columns:1fr!important}
  .generator-reference-control-v286{grid-template-columns:40px minmax(0,1fr)!important}.generator-reference-control-v286 small{padding-left:12px!important}
}

/* ---- Auth modal extra hard reset ---- */
#loginModal.login-modal.auth-modal,#loginModal.login-modal.auth-modal *{box-sizing:border-box!important}
#loginModal .login-dialog.auth-dialog{float:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-height:0!important;transform:none!important}
#loginModal .login-dialog.auth-dialog section,#loginModal .login-dialog.auth-dialog form,#loginModal .login-dialog.auth-dialog label{position:static!important;float:none!important;transform:none!important}
#loginModal .login-input{position:relative!important}
#loginModal .login-eye,#loginModal .login-close{position:absolute!important}
@media(max-width:560px){#loginModal.login-modal.auth-modal{padding:10px!important;align-items:center!important;justify-content:center!important}#loginModal .login-dialog.auth-dialog{margin:auto!important;width:min(100%,440px)!important;max-height:calc(100dvh - 20px)!important}}

/* ---- Modern text/Word/PDF/Markdown pages: same visual language as home ---- */
.tool-hero-v286{padding:54px 0 34px!important;background:radial-gradient(circle at 70% 10%,rgba(146,96,255,.11),transparent 36%),#fff!important}
.tool-hero-shell-v286{width:min(calc(100% - 48px),1580px)!important;max-width:1580px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(430px,.82fr)!important;gap:42px!important;align-items:center!important}
.tool-hero-copy-v286{min-width:0!important}.tool-hero-kicker-v286{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 14px!important;margin-bottom:15px!important;border-radius:999px!important;background:#f2edff!important;color:#7448f3!important;font-size:12px!important;font-weight:900!important}
.tool-hero-v286 h1{margin:0!important;color:#07184a!important;font-size:clamp(46px,5vw,76px)!important;line-height:.96!important;letter-spacing:-.05em!important;font-weight:900!important}.tool-hero-v286 h1 span,.tool-hero-v286 h1 mark{display:block!important}.tool-hero-v286 h1 mark{margin-top:4px!important}
.tool-hero-v286 h2{margin:20px 0 0!important;color:#1b2851!important;font-size:clamp(21px,2vw,30px)!important;line-height:1.2!important;font-weight:800!important}.tool-hero-v286 p{max-width:760px!important;margin:14px 0 0!important;color:#606b84!important;font-size:17px!important;line-height:1.55!important}
.tool-hero-actions-v286{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:24px!important}.tool-hero-actions-v286 a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:52px!important;padding:0 20px!important;border:1px solid #e4def0!important;border-radius:15px!important;background:#fff!important;color:#17214a!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important}.tool-hero-actions-v286 a:first-child{border:0!important;background:linear-gradient(100deg,#6338f2,#a24cf0)!important;color:#fff!important;box-shadow:0 12px 26px rgba(103,60,239,.22)!important}
.tool-hero-visual-v286{text-align:center!important}.tool-hero-visual-v286 img{display:block!important;width:min(100%,680px)!important;height:auto!important;margin:0 auto!important}
.tool-context-v286{padding:52px 0!important;background:#fbfaff!important}.tool-context-shell-v286{width:min(calc(100% - 48px),1580px)!important;max-width:1580px!important;margin:0 auto!important}.tool-context-v286 header{text-align:center!important;max-width:1000px!important;margin:0 auto 24px!important}.tool-context-v286 header h2{margin:0!important;color:#081947!important;font-size:clamp(36px,4vw,56px)!important;line-height:1!important;letter-spacing:-.04em!important;font-weight:900!important}.tool-context-v286 header p{margin:14px auto 0!important;color:#66708a!important;font-size:16px!important;line-height:1.55!important}
.tool-context-grid-v286{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.tool-context-grid-v286 article{display:flex!important;align-items:center!important;gap:13px!important;min-height:86px!important;padding:14px 18px!important;border:1px solid #e9e4f3!important;border-radius:19px!important;background:#fff!important;box-shadow:0 9px 26px rgba(44,31,83,.045)!important}.tool-context-grid-v286 article>span{display:flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:15px!important;background:#f5f1ff!important;overflow:hidden!important}.tool-context-grid-v286 article img{width:46px!important;height:46px!important;object-fit:contain!important}.tool-context-grid-v286 article b{color:#13204a!important;font-size:15px!important;line-height:1.3!important}
@media(max-width:900px){.tool-hero-shell-v286{grid-template-columns:1fr!important}.tool-hero-copy-v286{text-align:center!important}.tool-hero-copy-v286 p{margin-left:auto!important;margin-right:auto!important}.tool-hero-actions-v286{justify-content:center!important}.tool-hero-visual-v286 img{width:min(90%,620px)!important}.tool-context-grid-v286{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.tool-hero-v286{padding:38px 0 24px!important}.tool-hero-shell-v286,.tool-context-shell-v286{width:calc(100% - 24px)!important}.tool-hero-v286 h1{font-size:39px!important}.tool-hero-v286 h2{font-size:20px!important}.tool-hero-v286 p{font-size:15px!important}.tool-hero-actions-v286 a{width:100%!important}.tool-context-v286{padding:40px 0!important}.tool-context-grid-v286{grid-template-columns:1fr!important}.tool-context-v286 header h2{font-size:34px!important}}

/* ---- Blog + service pages: force modern purple/adaptive styling after every old stylesheet ---- */
body main .subhero.blog-subhero,body main .subhero.info-subhero{padding:58px 0 40px!important;background:radial-gradient(circle at 50% 0,#f2edff 0,rgba(242,237,255,0) 62%),#fff!important;border:0!important}
body main .subhero.blog-subhero .shell,body main .subhero.info-subhero .shell{width:min(calc(100% - 48px),1180px)!important;max-width:1180px!important;margin:0 auto!important;text-align:center!important}
body main .subhero .info-kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 14px!important;margin:0 0 14px!important;border:0!important;border-radius:999px!important;background:#f2edff!important;color:#7448f3!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important}
body main .subhero h1{margin:0 auto!important;max-width:1000px!important;color:#081947!important;font-size:clamp(40px,5vw,68px)!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:900!important}
body main .subhero p{max-width:840px!important;margin:16px auto 0!important;color:#66708a!important;font-size:17px!important;line-height:1.55!important}
body main .blog-grid{width:min(calc(100% - 48px),1280px)!important;max-width:1280px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:22px 0 70px!important}
body main .blog-card{min-width:0!important;display:flex!important;flex-direction:column!important;padding:27px!important;border:1px solid #e8e3f2!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 36px rgba(45,31,86,.06)!important}
body main .blog-card::before{background:linear-gradient(90deg,#6846f5,#a24cf0)!important}
body main .blog-card-meta span{background:#f2edff!important;color:#7448f3!important;border:0!important}
body main .blog-card h2,body main .blog-card h2 a{color:#0b1947!important}.blog-read{color:#7448f3!important}
body main .blog-article-v224{padding:46px 0 70px!important;background:#fff!important}.blog-article-v224 .article-shell{width:min(calc(100% - 48px),960px)!important;max-width:960px!important;margin:0 auto!important}.blog-article-v224 h1{color:#081947!important}.blog-article-v224 .lead{border-left-color:#7448f3!important;background:#f8f6ff!important}.blog-article-v224 .article-section h2{color:#0b1947!important}.blog-article-v224 .article-section p{color:#4f5b77!important}.article-checklist-v224 li::before{background:#eee8ff!important;color:#7448f3!important}.article-cta{border-color:#e7e1f6!important;background:linear-gradient(135deg,#f8f5ff,#fff)!important}.article-cta .btn-primary{background:linear-gradient(100deg,#6338f2,#a24cf0)!important;color:#fff!important;border:0!important}
body main .content-band.info-content{padding:20px 0 64px!important;background:#fff!important}.info-shell{width:min(calc(100% - 48px),1180px)!important;max-width:1180px!important;margin:0 auto!important}.info-prose,.contact-form-card{border:1px solid #e8e3f2!important;background:#fff!important;box-shadow:0 14px 36px rgba(45,31,86,.05)!important}.info-section h2,.contact-form-card h2{color:#081947!important}.info-section p,.contact-form-card p{color:#59647f!important}.contact-form input,.contact-form textarea,.contact-form select{border-color:#e3def0!important;background:#fff!important;color:#17203d!important}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#835aef!important;box-shadow:0 0 0 3px rgba(116,72,243,.09)!important}.contact-submit{background:linear-gradient(100deg,#6338f2,#a24cf0)!important;color:#fff!important;border:0!important}
/* Any legacy orange buttons/badges inside info/blog become purple */
.info-content [style*="#f59"],.info-content [style*="#ff7"],.blog-article-v224 [style*="#f59"],.blog-article-v224 [style*="#ff7"]{color:#7448f3!important;border-color:#7448f3!important}

/* Home-style FAQ reused on article/service/tool pages */
.blog-faq-v286,.info-faq-v286,.tool-faq-v286{padding:50px 0 64px!important;background:#fbfaff!important}.blog-faq-v286 .ns-faq-head-v282,.info-faq-v286 .ns-faq-head-v282,.tool-faq-v286 .ns-faq-head-v282{text-align:center!important}.blog-faq-v286 .ns-faq-list-v282,.info-faq-v286 .ns-faq-list-v282,.tool-faq-v286 .ns-faq-list-v282{max-width:980px!important;margin-left:auto!important;margin-right:auto!important}.blog-faq-v286 .ns-faq-item-v282>summary> b,.info-faq-v286 .ns-faq-item-v282>summary> b,.tool-faq-v286 .ns-faq-item-v282>summary> b{background:#efe9ff!important;color:#7448f3!important;border-color:#e2d7ff!important}

/* Footer tighter */
.ns-footer-v282{padding-top:34px!important}.ns-footer-main-v282{gap:28px!important;padding-top:32px!important;padding-bottom:28px!important}.ns-footer-brand-v282 p{margin-bottom:14px!important}.ns-footer-merchant-v282{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.ns-footer-bottom-v282{padding-top:16px!important;padding-bottom:18px!important}

@media(max-width:850px){body main .blog-grid{grid-template-columns:1fr!important}.info-shell{grid-template-columns:1fr!important}.ns-footer-main-v282{text-align:center!important}.ns-footer-logo-v282{justify-content:center!important}.ns-footer-col-v282{align-items:center!important}.ns-footer-bottom-v282{justify-content:center!important;text-align:center!important}}
@media(max-width:700px){body main .subhero.blog-subhero,body main .subhero.info-subhero{padding:40px 0 28px!important}body main .subhero.blog-subhero .shell,body main .subhero.info-subhero .shell,body main .blog-grid,.blog-article-v224 .article-shell,.info-shell{width:calc(100% - 24px)!important}body main .subhero h1{font-size:37px!important}body main .subhero p{font-size:15px!important}body main .blog-grid{padding-bottom:44px!important}.blog-card{padding:21px!important}.blog-article-v224{padding:28px 0 48px!important}.blog-article-v224 h1{font-size:35px!important}.blog-article-v224 .article-section h2{font-size:25px!important}.blog-article-v224 .article-section p{font-size:15px!important;line-height:1.7!important}.ns-footer-v282{padding-top:22px!important}.ns-footer-main-v282{padding-top:20px!important;padding-bottom:20px!important}.blog-faq-v286,.info-faq-v286,.tool-faq-v286{padding:38px 0 48px!important}}
