/* SocialKit v193 — unified tool experience
   Shared visual language for all tool pages. Loaded after tool-specific CSS. */
:root{
  --sk-u-ink:#0d1020;
  --sk-u-ink-2:#15172d;
  --sk-u-card:#171a31;
  --sk-u-paper:#ffffff;
  --sk-u-soft:#f6f7fc;
  --sk-u-line:#e5e7f0;
  --sk-u-line-dark:rgba(255,255,255,.12);
  --sk-u-muted:#697086;
  --sk-u-muted-dark:#b8bfd3;
  --sk-u-violet:#6c4cf1;
  --sk-u-pink:#ff5c8a;
  --sk-u-mint:#2fd2b4;
  --sk-u-shadow:0 18px 55px rgba(20,21,51,.10);
}
body.sk-unified-tools-v193{background:var(--sk-u-paper);color:#16161d}
body.sk-unified-tools-v193 main#content{background:var(--sk-u-paper)}
body.sk-unified-tools-v193 .sec-warm{background:var(--sk-u-soft)!important}
body.sk-unified-tools-v193 .tool-card{
  background:#fff!important;border:1px solid var(--sk-u-line)!important;
  box-shadow:var(--sk-u-shadow)!important;border-radius:22px!important;
}
body.sk-unified-tools-v193 .field,
body.sk-unified-tools-v193 input.field,
body.sk-unified-tools-v193 textarea.field,
body.sk-unified-tools-v193 select.field{
  border-color:#dfe2ec!important;background:#fff!important;
}
body.sk-unified-tools-v193 .field:focus,
body.sk-unified-tools-v193 input:focus,
body.sk-unified-tools-v193 textarea:focus,
body.sk-unified-tools-v193 select:focus{
  outline:none;box-shadow:0 0 0 3px rgba(108,76,241,.12);
}
body.sk-unified-tools-v193 .btn:not(.btn-ghost),
body.sk-unified-tools-v193 button.btn:not(.btn-ghost){
  background:linear-gradient(135deg,var(--sk-u-violet),#8e63f8 55%,var(--sk-u-pink))!important;
  color:#fff!important;box-shadow:0 10px 26px rgba(108,76,241,.20);
}
body.sk-unified-tools-v193 .result{
  background:linear-gradient(145deg,#fbfaff,#f4f2ff)!important;
  border:1px solid #e2dcff!important;border-radius:16px!important;
  box-shadow:0 12px 32px rgba(88,65,178,.08)!important;
}
body.sk-unified-tools-v193 .result-head{border-bottom:1px solid #e6e1f7;padding-bottom:10px}

/* One brand hero language, while preserving each tool's custom layout/illustrations. */
body.sk-unified-tools-v193 .hero,
body.sk-unified-tools-v193 .rw-hero,
body.sk-unified-tools-v193 .gf-hero,
body.sk-unified-tools-v193 .rc-hero,
body.sk-unified-tools-v193 .pa-hero{
  background:
    radial-gradient(circle at 12% 8%,rgba(108,76,241,.34),transparent 34%),
    radial-gradient(circle at 88% 0,rgba(255,92,138,.18),transparent 32%),
    linear-gradient(145deg,#0b0e1b,#12142a 58%,#101321)!important;
}

/* Unified guide / how-to / educational band. */
body.sk-unified-tools-v193 section.sk-site-guide-band{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 8% 0,rgba(108,76,241,.26),transparent 34%),
    radial-gradient(circle at 94% 12%,rgba(255,92,138,.12),transparent 30%),
    linear-gradient(145deg,#0b0e1b,#14162b 58%,#10131f)!important;
  color:#fff!important;border-top:1px solid rgba(108,76,241,.24);
  border-bottom:1px solid rgba(108,76,241,.22);
}
body.sk-unified-tools-v193 section.sk-site-guide-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;
}
body.sk-unified-tools-v193 section.sk-site-guide-band>*,
body.sk-unified-tools-v193 section.sk-site-guide-band .wrap,
body.sk-unified-tools-v193 section.sk-site-guide-band .gf-shell,
body.sk-unified-tools-v193 section.sk-site-guide-band .pa-shell{position:relative;z-index:1}
body.sk-unified-tools-v193 section.sk-site-guide-band h2,
body.sk-unified-tools-v193 section.sk-site-guide-band h3,
body.sk-unified-tools-v193 section.sk-site-guide-band h4,
body.sk-unified-tools-v193 section.sk-site-guide-band .sec-head h2{color:#fff!important}
body.sk-unified-tools-v193 section.sk-site-guide-band p,
body.sk-unified-tools-v193 section.sk-site-guide-band li,
body.sk-unified-tools-v193 section.sk-site-guide-band .lead,
body.sk-unified-tools-v193 section.sk-site-guide-band .sec-head p{color:var(--sk-u-muted-dark)!important}
body.sk-unified-tools-v193 section.sk-site-guide-band strong,
body.sk-unified-tools-v193 section.sk-site-guide-band b{color:#fff}
body.sk-unified-tools-v193 section.sk-site-guide-band a{color:#c9baff!important}
body.sk-unified-tools-v193 section.sk-site-guide-band a:hover{color:#fff!important}
body.sk-unified-tools-v193 .how-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;
  color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important;
}
body.sk-unified-tools-v193 .how-card .n{color:#b9a6ff!important}
body.sk-unified-tools-v193 .how-card h3{color:#fff!important}
body.sk-unified-tools-v193 .how-card p{color:#b9bfd0!important}
body.sk-unified-tools-v193 section.sk-site-guide-band .rw-article,
body.sk-unified-tools-v193 section.sk-site-guide-band .pcontent{max-width:920px}
body.sk-unified-tools-v193 section.sk-site-guide-band .rw-article p,
body.sk-unified-tools-v193 section.sk-site-guide-band .rw-article li,
body.sk-unified-tools-v193 section.sk-site-guide-band .pcontent p,
body.sk-unified-tools-v193 section.sk-site-guide-band .pcontent li{color:#bbc1d2!important}
body.sk-unified-tools-v193 section.sk-site-guide-band .gf-learning-card,
body.sk-unified-tools-v193 section.sk-site-guide-band .rc-method-grid>div,
body.sk-unified-tools-v193 section.sk-site-guide-band .pa-method-grid>article{
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}

/* Unified FAQ — same white accordion cards on every tool. */
body.sk-unified-tools-v193 section.sk-site-faq-band{background:#fff!important}
body.sk-unified-tools-v193 section.sk-site-faq-band .faq,
body.sk-unified-tools-v193 section.sk-site-faq-band .rw-faq{max-width:900px;margin-left:auto;margin-right:auto}
body.sk-unified-tools-v193 section.sk-site-faq-band .faq-item,
body.sk-unified-tools-v193 section.sk-site-faq-band details{
  background:#fff!important;border:1px solid #e5e7ef!important;border-radius:14px!important;
  margin:10px 0!important;padding:0 18px!important;box-shadow:0 8px 24px rgba(20,21,51,.045);
}
body.sk-unified-tools-v193 section.sk-site-faq-band .faq-q,
body.sk-unified-tools-v193 section.sk-site-faq-band summary{
  color:#171821!important;font-weight:750!important;padding:17px 0!important;
}
body.sk-unified-tools-v193 section.sk-site-faq-band .faq-a,
body.sk-unified-tools-v193 section.sk-site-faq-band details p{color:#656b7d!important}
body.sk-unified-tools-v193 section.sk-site-faq-band details[open]{border-color:#d8d0ff!important;box-shadow:0 10px 28px rgba(108,76,241,.08)}

/* Related tools / share areas share one quiet background. */
body.sk-unified-tools-v193 section.sk-site-related-band{background:var(--sk-u-soft)!important}
body.sk-unified-tools-v193 section.sk-site-related-band .rel a,
body.sk-unified-tools-v193 section.sk-site-related-band .tcard{
  border-color:#e2e4ed!important;box-shadow:0 8px 25px rgba(20,21,51,.045);
}

/* Premium report shells retain their own logic but inherit the same brand edges. */
body.sk-unified-tools-v193 .gf-results,
body.sk-unified-tools-v193 .rc-results,
body.sk-unified-tools-v193 .pa-results{
  border-color:rgba(108,76,241,.20)!important;
}
body.sk-unified-tools-v193 #sk-footer .foot,
body.sk-unified-tools-v193 .foot{
  background:linear-gradient(145deg,#0b0e1b,#111426)!important;
}

@media(max-width:760px){
  body.sk-unified-tools-v193 section.sk-site-guide-band{padding-top:48px!important;padding-bottom:48px!important}
  body.sk-unified-tools-v193 .how-card{padding:18px!important}
  body.sk-unified-tools-v193 section.sk-site-faq-band .faq-item,
  body.sk-unified-tools-v193 section.sk-site-faq-band details{padding:0 14px!important}
}
@media(prefers-reduced-motion:reduce){
  body.sk-unified-tools-v193 *{scroll-behavior:auto!important}
}


/* v194 — contrast, mobile safety, and consistent premium tool presentation */
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-head>span{
  color:#8ff1df!important;
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-head h2{
  color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.28);
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-head p{
  color:#d0d6e6!important;
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-grid article{
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-grid article:before{
  background:linear-gradient(90deg,#8c74ff,#ff78a5,#50e5cf)!important;
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-grid i{
  background:rgba(126,96,255,.18)!important;color:#d7cdff!important;border:1px solid rgba(185,166,255,.22);
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-grid b{color:#fff!important}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefits-grid p{color:#c9d0e1!important}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefit-truth{
  background:rgba(47,210,180,.09)!important;border-color:rgba(96,232,207,.24)!important;color:#cce9e4!important;
}
body.sk-unified-tools-v193 section.sk-site-guide-band.gf-benefits .gf-benefit-truth b{color:#72ecd7!important}

/* PillarMesh visible SEO subtitle */
body.sk-unified-tools-v193 .pa-seo-subtitle{
  display:inline-flex;flex-wrap:wrap;gap:7px 9px;align-items:center;
  margin:14px 0 0;padding:8px 12px;border:1px solid rgba(129,102,255,.24);
  border-radius:999px;background:rgba(130,96,255,.08);color:#d9d1ff!important;
  font-size:11px;font-weight:800;letter-spacing:.045em;line-height:1.45;
}
body.sk-unified-tools-v193 .pa-seo-subtitle span{color:#79e7d6}

/* Result shells must never clip readable text on phones */
@media(max-width:760px){
  body.sk-unified-tools-v193{overflow-x:hidden}
  body.sk-unified-tools-v193 main,
  body.sk-unified-tools-v193 section,
  body.sk-unified-tools-v193 .wrap,
  body.sk-unified-tools-v193 .gf-shell,
  body.sk-unified-tools-v193 .pa-shell,
  body.sk-unified-tools-v193 .rc-shell{max-width:100%!important;min-width:0!important}
  body.sk-unified-tools-v193 .gf-results,
  body.sk-unified-tools-v193 .pa-results,
  body.sk-unified-tools-v193 .rc-results,
  body.sk-unified-tools-v193 .result,
  body.sk-unified-tools-v193 .tool-card{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere}
  body.sk-unified-tools-v193 .gf-results *,
  body.sk-unified-tools-v193 .pa-results *,
  body.sk-unified-tools-v193 .rc-results *{min-width:0}
  body.sk-unified-tools-v193 .gf-results p,
  body.sk-unified-tools-v193 .gf-results b,
  body.sk-unified-tools-v193 .gf-results small,
  body.sk-unified-tools-v193 .pa-results p,
  body.sk-unified-tools-v193 .pa-results b,
  body.sk-unified-tools-v193 .pa-results small,
  body.sk-unified-tools-v193 .rc-results p,
  body.sk-unified-tools-v193 .rc-results b,
  body.sk-unified-tools-v193 .rc-results small{overflow-wrap:anywhere;word-break:normal}
  body.sk-unified-tools-v193 .gf-results table,
  body.sk-unified-tools-v193 .pa-results table,
  body.sk-unified-tools-v193 .rc-results table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.sk-unified-tools-v193 input,
  body.sk-unified-tools-v193 select,
  body.sk-unified-tools-v193 textarea,
  body.sk-unified-tools-v193 button{max-width:100%}
  body.sk-unified-tools-v193 .pa-seo-subtitle{border-radius:14px;font-size:10px}
}