:root{--bg:#f6f8fb;--surface:#fff;--surface2:#f8fbff;--line:#e5ebf3;--line2:#d7e0ea;--text:#0f172a;--muted:#5b6474;--blue:#1f5eff;--green:#0ea5a4;--navy:#0d1830;--shadow:0 12px 36px rgba(15,23,42,.06);--shadow-lg:0 24px 70px rgba(15,23,42,.10);--max:1280px;--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(246,248,251,.92);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(215,224,234,.78)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 10px 24px rgba(31,94,255,.18);font-weight:900;color:#fff}.brand-copy strong{display:block;font-size:1rem;line-height:1.1}.brand-copy small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}
.nav-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-links a{font-size:.92rem;font-weight:700;color:#334155}.nav-links a:hover{color:var(--blue)}.header-search{position:relative;min-width:280px;max-width:420px;flex:1}.header-search input,.hero-search input{width:100%;min-height:54px;border:1px solid var(--line2);border-radius:16px;background:#fff;padding:0 16px;font:inherit;color:var(--text);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.hero{padding:48px 0 20px}.hero-shell{background:linear-gradient(135deg,#ffffff 0%,#f7fbff 50%,#eef8ff 100%);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-lg);padding:40px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.eyebrow:before{content:'';width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 0 0 6px rgba(31,94,255,.10)}h1{margin:0 0 14px;font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.02;letter-spacing:-.04em}h2{margin:0 0 12px;font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.08;letter-spacing:-.03em}h3{margin:0 0 8px;font-size:1.06rem;line-height:1.28}p{margin:0 0 12px;color:#435066;line-height:1.82}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;font-size:.95rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 16px 34px rgba(31,94,255,.18)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.section{padding:18px 0 58px}.section-head{margin-bottom:18px}.section-head p{max-width:960px}.card,.category-card,.guide-card,.panel,.faq-item,.search-shell,.article-hero,.article-section,.site-footer-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-card,.guide-card,.panel{padding:22px}.category-card:hover,.guide-card:hover{transform:translateY(-2px);transition:.18s ease}.kicker-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef5ff;border:1px solid #dce8ff;color:var(--blue);font-size:.78rem;font-weight:800}.muted{color:var(--muted)}
.help-search-copy{max-width:980px}.help-search-wrap{margin-top:24px}.hero-search{position:relative}.hero-search input{min-height:66px;border-radius:20px;font-size:1rem;padding:0 20px}.search-examples{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.search-chip{appearance:none;border:1px solid var(--line);background:#fff;color:#27415f;padding:10px 14px;border-radius:999px;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.04)}.search-chip:hover{background:#eef5ff;border-color:#dce8ff;color:var(--blue)}
.result-box{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:999;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:10px;display:none}.result-box.show{display:block}.result-item{display:block;padding:12px;border-radius:12px}.result-item:hover{background:#f8fbff}.result-item strong{display:block;font-size:.95rem}.result-item span{display:block;color:var(--muted);font-size:.83rem;line-height:1.55}.result-item em{display:inline-block;margin-top:4px;font-style:normal;color:var(--blue);font-size:.78rem;font-weight:800}.result-group-label{display:block;padding:8px 12px 6px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#66758c}.result-item-question{display:block;color:#10223e;font-size:.94rem;line-height:1.45;margin-bottom:5px}
.category-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.icon-badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-size:.84rem;font-weight:900;box-shadow:0 12px 26px rgba(31,94,255,.18)}.count-badge{padding:8px 12px;border-radius:999px;background:#eef5ff;border:1px solid #dce8ff;color:var(--blue);font-size:.78rem;font-weight:800}.inline-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.inline-links a,.mini-link{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#f8fbff;border:1px solid var(--line);font-size:.84rem;font-weight:700;color:#27415f}.inline-links a:hover,.mini-link:hover{background:#eef5ff}
.page-hero{padding:34px 0 18px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:.88rem;color:#64748b}.breadcrumbs a{color:var(--blue);font-weight:700}.page-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 260px;gap:22px;align-items:start}.sidebar,.toc{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px}.sidebar h3,.toc h3{margin:0 0 12px;font-size:1rem}.sidebar a,.toc a{display:block;padding:9px 12px;border-radius:12px;font-size:.9rem;font-weight:700;color:#334155}.sidebar a:hover,.sidebar a.is-active,.toc a:hover{background:#eef5ff;color:var(--blue)}.article-main{min-width:0}.article-hero{padding:28px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.meta-pill,.path-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#f8fbff;border:1px solid var(--line);font-size:.83rem;font-weight:700;color:#30445b}.meta-pill[href]:hover{background:#eef5ff}.path-grid{display:grid;gap:10px}.article-section{margin-top:18px;padding:24px}.article-section h2{font-size:1.28rem}.article-section p{color:var(--muted)}.article-section ul,.article-section ol{margin:0;padding-left:20px}.article-section li{margin:0 0 10px;color:var(--muted);line-height:1.72}.step-list li::marker{font-weight:800;color:var(--blue)}.quick-note{display:flex;gap:12px;padding:16px 18px;border-radius:18px;background:#eff8f5;border:1px solid #d1eee5;color:#0d5c52;margin:0 0 14px}.quick-note strong{display:block}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.question-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.question-card h4{margin:0 0 8px;font-size:1rem}.question-card p{margin:0;color:var(--muted)}
.site-footer{margin-top:56px;padding:0 0 38px}.site-footer-shell{padding:28px}.site-footer-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr .9fr;gap:20px}.site-footer h3{font-size:.95rem;margin:0 0 10px}.site-footer ul{margin:0;padding-left:18px}.site-footer li,.site-footer p{color:var(--muted);line-height:1.72}.site-footer a{color:#30445b}.site-footer a:hover{color:var(--blue)}.footer-bottom{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}
@media (max-width:1100px){.page-layout{grid-template-columns:1fr}.sidebar,.toc{position:static}.grid-3,.grid-2,.site-footer-grid,.related-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-row{width:100%;justify-content:flex-start}.header-search{min-width:0;max-width:none;width:100%}}
@media (max-width:760px){.container{width:min(var(--max),calc(100% - 24px))}.hero-shell,.category-card,.guide-card,.panel,.article-hero,.article-section,.site-footer-shell{padding:20px}.hero-search input{min-height:60px;font-size:.96rem}}

/* Help header favicon + live website footer */
.site-header .brand-logo{
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  overflow:hidden;
  padding:0;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.site-header .brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.website-footer-slot{
  margin-top:18px;
}
.website-footer-slot .site-footer{
  margin-top:0 !important;
}
@media (max-width: 768px){
  .website-footer-slot{
    margin-top:14px;
  }
}

/* Redesigned help footer */
.site-footer{
  margin-top:56px;
}
.site-footer-shell{
  background:transparent;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:none;
  padding:26px;
}
.site-footer-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr .9fr .9fr;
  gap:20px;
}
.site-footer-card{
  background:transparent;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  box-shadow:none;
}
.site-footer-brand{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.site-footer-brand-mark{
  width:46px;
  height:46px;
  border-radius:14px;
  background:transparent;
  border:1px solid var(--line);
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
}
.site-footer-brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.site-footer h3{
  margin:0 0 10px;
  font-size:.98rem;
  line-height:1.35;
  color:var(--text);
}
.site-footer p{
  margin:0 0 10px;
  color:var(--muted);
  line-height:1.75;
  font-size:.95rem;
}
.site-footer p:last-child{
  margin-bottom:0;
}
.site-footer .footer-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  padding:8px 12px;
  border-radius:999px;
  background:transparent;
  border:1px solid var(--line);
  color:var(--blue);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.site-footer .footer-kicker::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--green));
}
.site-footer ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.site-footer li{
  margin:0;
}
.site-footer a{
  color:var(--muted);
  text-decoration:none;
  line-height:1.6;
  font-size:.95rem;
}
.site-footer a:hover{
  color:var(--blue);
}
.site-footer .footer-bottom{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.65;
}
.site-footer .footer-bottom strong{
  color:var(--text);
  font-weight:700;
}
@media (max-width: 1100px){
  .site-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 720px){
  .site-footer-shell{
    padding:18px;
    border-radius:22px;
  }
  .site-footer-grid{
    grid-template-columns:1fr;
  }
  .site-footer-card{
    padding:16px;
  }
  .site-footer .footer-bottom{
    flex-direction:column;
    gap:8px;
  }
}