/* Shared site chrome; scoped to avoid changing existing page content. */
.vs-header,.vs-footer{font:15px/1.6 Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.vs-header *,.vs-footer *{box-sizing:border-box}.vs-header{position:relative;z-index:60;background:#fff;border-bottom:1px solid #e4eceb;color:#163238}.vs-nav{max-width:1280px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.vs-header a,.vs-footer a{text-decoration:none}.vs-logo{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:800;letter-spacing:-.6px;color:#0f766e;white-space:nowrap}.vs-logo svg{width:29px;height:29px}.vs-links{display:flex;align-items:center;gap:24px}.vs-links a,.vs-links summary{color:#163238;font-weight:600;font-size:14px}.vs-header a:hover,.vs-footer a:hover{color:#0d9488}.vs-header a[aria-current]{color:#0f766e;text-decoration:underline;text-underline-offset:6px}.vs-toggle{display:none}.vs-header summary{cursor:pointer}.vs-resources{position:relative}.vs-resources>div{position:absolute;top:32px;left:0;min-width:150px;background:white;border:1px solid #dbe8e6;border-radius:10px;padding:12px;box-shadow:0 12px 24px #12343b15}.vs-resources a{display:block;padding:6px}.vs-button{display:inline-block;background:#e6f5ef;color:#115e59!important;border:1px solid #b9ddd0;border-radius:9px;padding:11px 20px;font-weight:650;text-decoration:none;transition:background-color .18s,border-color .18s}.vs-button:hover{background:#d5ede2;border-color:#8fc5b2}.vs-footer{background:#fafcfc;color:#475569;border-top:1px solid #e2e8f0;padding:54px 24px 24px;margin-top:48px}.vs-footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.vs-footer .vs-logo{color:#0f766e}.vs-footer strong{color:#1e293b}.vs-footer p{margin:15px 0}.vs-footer nav{display:flex;flex-direction:column;gap:9px}.vs-footer a{color:#475569}.vs-copyright{max-width:1200px;margin:32px auto 0!important;padding-top:20px;border-top:1px solid #e2e8f0;font-size:13px}.vs-header :focus-visible,.vs-footer :focus-visible{outline:3px solid #b68af4;outline-offset:4px}.vs-discover{max-width:1120px;margin:64px auto;padding:0 24px;color:#163238}.vs-discover h2{font-size:32px;font-weight:750;margin-bottom:24px}.vs-discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vs-discover-grid a{padding:26px;border:1px solid #dbe8e6;border-radius:16px;background:#fafcfc;text-decoration:none;color:#163238}.vs-discover-grid strong{display:block;color:#0f766e;font-size:21px;margin-bottom:10px}
@media(max-width:1120px){.vs-nav{flex-wrap:wrap;gap:12px}.vs-menu{margin-left:auto}.vs-toggle{display:none;font:inherit;font-weight:700;padding:8px 14px;background:white;color:#163238;border:1px solid #dbe8e6;border-radius:8px;cursor:pointer}.vs-menu{width:100%}.vs-menu.vs-ready .vs-toggle{display:block;margin-left:auto}.vs-menu.vs-ready:not(.vs-expanded)>.vs-links{display:none}.vs-links{align-items:stretch;flex-direction:column;gap:16px;padding:16px 0}.vs-resources>div{position:static;margin-top:10px}.vs-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.vs-footer-grid,.vs-discover-grid{grid-template-columns:1fr}.vs-nav{padding:14px 20px}}

[hidden]{display:none!important}

/* Give account actions their own space in the navigation. */
.vs-account{display:flex;align-items:center;gap:20px;margin-left:12px;padding-left:32px;border-left:1px solid #dbe8e6}.vs-links>a{white-space:nowrap}
@media(max-width:1120px){.vs-nav{display:grid;grid-template-columns:1fr auto;align-items:center}.vs-menu{display:contents}.vs-menu.vs-ready .vs-toggle{grid-column:2;grid-row:1}.vs-links{grid-column:1/-1}.vs-account{margin:4px 0 0;padding:20px 0 0;border-left:0;border-top:1px solid #dbe8e6;justify-content:space-between;gap:20px}}

.vs-pricing-summary{padding-top:24px;padding-bottom:24px}.vs-pricing-summary h2{margin:0 0 20px;line-height:1.25}.vs-pricing-summary>p{max-width:720px;margin:0 0 14px;font-size:17px;line-height:1.8}.vs-pricing-summary>p.vs-pricing-action{margin:30px 0 0}.vs-pricing-summary .vs-button{padding:13px 24px}@media(max-width:600px){.vs-pricing-summary{margin-top:48px;margin-bottom:48px;padding-top:12px;padding-bottom:12px}.vs-pricing-summary>p{font-size:16px}.vs-pricing-summary>p.vs-pricing-action{margin-top:24px}}

/* Light surface treatment inspired by the reference site's generous white space. */
.vs-header{border-bottom-color:#edf2f1}.vs-footer{margin-top:64px}.vs-discover-grid a{border-color:#e7eeec;background:#fff;box-shadow:0 4px 18px rgba(22,50,56,.025)}.vs-final-cta{max-width:1200px;margin:72px auto;padding:64px 32px;border:1px solid #e1eeea;border-radius:24px;background:linear-gradient(120deg,#f8fcfb,#eff8f5);color:#1e293b}.vs-final-cta p{color:#475569}.vs-final-cta .vs-button{padding:14px 28px;box-shadow:none}
body .shadow-xl{box-shadow:0 10px 30px rgba(22,50,56,.07)}body .shadow-lg{box-shadow:0 6px 22px rgba(22,50,56,.06)}
#cookie-banner{background:#fff;color:#475569;border-top:1px solid #e7eeec;box-shadow:0 -4px 20px rgba(22,50,56,.04)}#cookie-banner a{color:#0f766e}
@media(max-width:600px){.vs-final-cta{margin:48px 18px;padding:40px 22px}.vs-final-cta h2{font-size:30px;line-height:1.2}}

/* Shared action styling across templates, tutorials, calculators and blog pages. */
body .vs-action{
  background:#e6f5ef!important;
  background-image:none!important;
  color:#115e59!important;
  border:1px solid #b9ddd0!important;
  border-radius:9px!important;
  font-family:inherit;
  font-weight:650!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer;
  transition:background-color .18s,border-color .18s;
}
body .vs-action:hover:not(:disabled):not([aria-disabled="true"]){background:#d5ede2!important;border-color:#8fc5b2!important}
body .vs-action:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
body .vs-action:disabled,body .vs-action[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
body .vs-action:not(.vs-button):not(.vs-toggle):not(.menu-toggle){padding:11px 20px}
@media(prefers-reduced-motion:reduce){body .vs-action{transition:none}}