/* Public layout: account forms live in the popup, never in the page grid. */
html:not(.workspace-route) body.public-landing-active:has(#loginScreen.front-home) {
  display:block!important; margin:0!important; padding:16px!important;
  min-height:100dvh!important; overflow-x:clip!important; color:#172033;
}
html:not(.workspace-route) body #loginScreen.front-home {
  width:100%!important; max-width:1600px!important; min-width:0!important;
  min-height:0!important; height:auto!important; margin:0 auto!important; padding:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important; grid-auto-rows:auto!important;
  gap:12px!important; align-items:stretch!important; align-content:start!important;
  overflow:visible!important; transform:none!important;
}
html:not(.workspace-route) body #loginScreen.front-home > .front-nav {
  grid-area:1 / 1 / 2 / -1!important; width:100%!important; margin:0!important;
  padding:14px 22px!important; min-height:76px!important; box-sizing:border-box!important;
  display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:12px!important;
  border-radius:16px!important; overflow:visible!important;
}
html:not(.workspace-route) body #loginScreen.front-home .skillo-brand {
  display:flex!important; align-items:center!important; gap:12px!important;
  flex:1 1 auto!important; min-width:180px!important; line-height:1.2!important;
}
html:not(.workspace-route) body #loginScreen.front-home .skillo-logo-box {
  display:grid!important; place-items:center!important; flex:0 0 48px!important;
  width:48px!important; height:48px!important; margin:0!important;
}
html:not(.workspace-route) body #loginScreen.front-home .skillo-brand small { display:block!important; margin-top:4px!important; }
html:not(.workspace-route) body #loginScreen.front-home .front-language { margin:0!important; flex:0 0 auto!important; }
html:not(.workspace-route) body #loginScreen.front-home .front-auth-nav-actions { display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; }
html:not(.workspace-route) body #loginScreen.front-home .front-nav-action {
  min-height:44px!important; padding:10px 16px!important; margin:0!important; cursor:pointer;
  font-size:13px!important; white-space:normal!important;
}
html:not(.workspace-route) body #loginScreen.front-home > .front-hero {
  grid-area:2 / 1 / 3 / 2!important; width:100%!important; min-width:0!important;
  min-height:0!important; padding:clamp(24px,3vw,48px)!important; box-sizing:border-box!important;
  display:flex!important; flex-direction:column!important; justify-content:center!important;
  align-items:flex-start!important; text-align:left!important; border-radius:20px!important;
}
html:not(.workspace-route) body #loginScreen.front-home .front-hero::after { display:none!important; }
html:not(.workspace-route) body #loginScreen.front-home .front-hero h1 {
  text-align:left!important; font-size:clamp(28px,3vw,46px)!important; line-height:1.22!important;
  color:#152744!important; -webkit-text-fill-color:#152744!important; background:none!important;
  margin:0 0 18px!important; max-width:100%!important; text-shadow:none!important; overflow-wrap:break-word;
}
html:not(.workspace-route) body #loginScreen.front-home .front-hero p {
  text-align:left!important; margin:0!important; color:#475569!important;
  font-size:15px!important; line-height:1.7!important; max-width:50ch!important;
}
html:not(.workspace-route) body #loginScreen.front-home > .front-showcase {
  grid-area:2 / 2 / 3 / 3!important; width:100%!important; min-width:0!important;
  height:clamp(340px,calc(100dvh - 460px),500px)!important; min-height:340px!important;
  margin:0!important; border-radius:20px!important; box-sizing:border-box!important; overflow:hidden!important;
}
html:not(.workspace-route) body #loginScreen.front-home .reference-dashboard-surface { inset:14px!important; border-radius:14px!important; }
html:not(.workspace-route) body #loginScreen.front-home .reference-floating-card {
  width:43%!important; min-height:66px!important; padding:12px!important; box-sizing:border-box!important;
  font-size:12px!important; line-height:1.45!important; animation:auth-card-float 5s ease-in-out infinite!important;
}
html:not(.workspace-route) body #loginScreen.front-home .reference-floating-card small { font-size:11px!important; }
html:not(.workspace-route) body #loginScreen.front-home .card-a { left:3%!important; top:6%!important; right:auto!important; bottom:auto!important; }
html:not(.workspace-route) body #loginScreen.front-home .card-b { right:3%!important; top:6%!important; left:auto!important; bottom:auto!important; animation-delay:-2s!important; }
html:not(.workspace-route) body #loginScreen.front-home .card-c { left:3%!important; bottom:10%!important; right:auto!important; top:auto!important; animation-delay:-1s!important; }
html:not(.workspace-route) body #loginScreen.front-home .card-d { right:3%!important; bottom:10%!important; left:auto!important; top:auto!important; animation-delay:-3s!important; }
html:not(.workspace-route) body #loginScreen.front-home .showcase-empty-content { position:absolute!important; inset:28% 4% 32%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; padding:0!important; gap:6px!important; transform:none!important; }
html:not(.workspace-route) body #loginScreen.front-home .showcase-empty-content strong { font-size:clamp(18px,1.8vw,28px)!important; color:#172554!important; text-shadow:none!important; }
html:not(.workspace-route) body #loginScreen.front-home .showcase-empty-content>span:last-child { color:#475569!important; font-size:12px!important; text-shadow:none!important; }
html:not(.workspace-route) body #loginScreen.front-home .showcase-empty-icon { font-size:28px!important; line-height:1.2!important; }
html:not(.workspace-route) body #loginScreen.front-home > #landingArticles,
html:not(.workspace-route) body #loginScreen.front-home > #landingPolicyStrip,
html:not(.workspace-route) body #loginScreen.front-home > #landingMetrics,
html:not(.workspace-route) body #loginScreen.front-home > .op-footer { grid-column:1 / -1!important; grid-row:auto!important; margin:0!important; min-width:0!important; }
html:not(.workspace-route) body #loginScreen.front-home > #landingArticles { padding:16px 22px!important; }
html:not(.workspace-route) body #loginScreen.front-home #landingArticles h2 { font-size:20px!important; margin:4px 0!important; }
html:not(.workspace-route) body #loginScreen.front-home #landingArticles p { margin:6px 0!important; font-size:12px!important; }
html:not(.workspace-route) body #loginScreen.front-home > #landingArticles { grid-row:3!important; }
html:not(.workspace-route) body #loginScreen.front-home > #landingPolicyStrip { grid-row:4!important; padding:10px!important; width:100%!important; box-sizing:border-box!important; }
html:not(.workspace-route) body #loginScreen.front-home > #landingMetrics { grid-row:5!important; width:100%!important; box-sizing:border-box!important; color:#334155!important; }
html:not(.workspace-route) body #loginScreen.front-home #landingMetrics :is(strong,span,p,h2) { color:#334155!important; }
html:not(.workspace-route) body #loginScreen.front-home > .op-footer { grid-row:6!important; padding:8px!important; }

/* ===== dedicated-auth-popup-routes-20261005 =====
   /login and /signup keep their dedicated URLs, while the public dashboard
   remains visible underneath a fixed blurred overlay. The auth card itself is
   permanently white so saved/workspace theme state cannot recolour it. */
html.dedicated-auth-route,
body.dedicated-auth-route{
  min-height:100%!important;
  background:#f4f8fb!important;
}
body.dedicated-auth-route{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100dvh!important;
  overflow:auto!important;
  display:block!important;
}
body.dedicated-auth-route #loginScreen.front-home{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
}
#portalAuthPage[hidden]{display:none!important;}
#portalAuthPage{
  position:fixed;
  inset:0;
  z-index:12000;
  width:100%;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  overflow:auto;
  padding:clamp(18px,4vw,48px);
  background:rgba(15,23,42,.42);
  -webkit-backdrop-filter:blur(7px) saturate(.9);
  backdrop-filter:blur(7px) saturate(.9);
}
#portalAuthPage .portal-auth-card{
  width:min(100%,560px);
  max-height:none;
  margin:auto 0;
  display:flex;
  flex-direction:column;
  background:#fff!important;
  color:#172033!important;
  border:1px solid #cbd5e1!important;
  border-radius:20px;
  box-shadow:0 28px 90px rgba(2,6,23,.32);
  overflow:visible;
  text-align:left;
  color-scheme:light;
}
#portalAuthPage[data-mode="signup"] .portal-auth-card{width:min(100%,760px);}
#portalAuthPage .portal-auth-header{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 20px;
  background:#f8fafc!important;
  border-bottom:1px solid #dbe3ed!important;
  border-radius:20px 20px 0 0;
  font-size:14px;
  font-weight:750;
  color:#172554!important;
}
#portalAuthPage .portal-auth-brand{
  color:#172554!important;
  -webkit-text-fill-color:#172554!important;
  text-decoration:none!important;
  font-weight:850;
}
#portalAuthPage .portal-auth-home-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border:1px solid #cbd5e1!important;
  border-radius:10px;
  background:#fff!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
}
#portalAuthPage .portal-auth-content{
  min-height:0;
  overflow:visible;
  padding:26px;
  background:#fff!important;
  color:#172033!important;
  border-radius:0 0 20px 20px;
}
#portalAuthPage .front-auth-panel,
#portalAuthPage #signUpScreen.auth-box{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#172033!important;
  animation:none!important;
  transform:none!important;
}
#portalAuthPage .front-auth-panel[hidden]{display:none!important;}
#portalAuthPage[data-mode="login"] #signUpScreen{display:none!important;}
#portalAuthPage[data-mode="signup"] #signUpScreen{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:8px 12px!important;
}
#portalAuthPage #signUpScreen>:not(input):not(textarea){grid-column:1 / -1!important;margin-top:0!important;}
#portalAuthPage #signUpScreen>textarea{grid-column:1 / -1!important;}
#portalAuthPage #signUpScreen>input{grid-column:auto!important;grid-row:auto!important;}
#portalAuthPage #signUpScreen [hidden]{display:none!important;}
#portalAuthPage :is(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary){
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  text-shadow:none!important;
}
#portalAuthPage h2{margin:10px 0 6px!important;font-size:26px!important;}
#portalAuthPage :is(p,small,span,li,figcaption){
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
}
#portalAuthPage .badge{
  width:fit-content;
  font-size:10px;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
  background:#e0f2fe!important;
  border-color:#bae6fd!important;
}
#portalAuthPage :is(.login-input,input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){
  box-sizing:border-box!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border-color:#94a3b8!important;
  caret-color:#172033!important;
}
#portalAuthPage .login-input{
  width:100%!important;
  min-height:46px!important;
  margin:6px 0!important;
  padding:11px 13px!important;
  border:1px solid #94a3b8!important;
  border-radius:9px!important;
  font-size:14px!important;
  transform:none!important;
}
#portalAuthPage :is(input,textarea)::placeholder{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
  opacity:1!important;
}
#portalAuthPage :is(button,input,a,textarea,select):focus-visible{outline:3px solid #38bdf8!important;outline-offset:2px;}
#portalAuthPage .login-btn{
  width:100%;
  min-height:44px;
  margin:10px 0;
  background:#2563eb!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
}
#portalAuthPage .login-btn :is(span,strong,b,small){color:#fff!important;-webkit-text-fill-color:#fff!important;}
#portalAuthPage .auth-link,
#portalAuthPage a:not(.login-btn){
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
}
#portalAuthPage .auth-link{border:0;background:none;font:inherit;font-size:13px;cursor:pointer;padding:8px 0;}
#portalAuthPage :is(
  .human-verification-shell,#registrationLocationBox,#registrationOtpGate,#registrationPaymentSection,
  #razorpaySignupPanel,.refund-agreement-surface,.signup-policy-consent,.direct-purchase-agreement,
  .autopay-agreement-note,#trialRegistrationPanel
){
  background:#f8fafc!important;
  color:#334155!important;
  border-color:#cbd5e1!important;
}
#portalAuthPage :is(
  .human-verification-shell,#registrationLocationBox,#registrationOtpGate,#registrationPaymentSection,
  #razorpaySignupPanel,.refund-agreement-surface,.signup-policy-consent,.direct-purchase-agreement,
  .autopay-agreement-note,#trialRegistrationPanel
) :is(h1,h2,h3,h4,strong,b,label,span,p,small,div){
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
#portalAuthPage .payment-plan-choice{
  background:#fff!important;
  color:#172033!important;
  border-color:#94a3b8!important;
}
#portalAuthPage .payment-plan-choice :is(strong,small,span){
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}
#portalAuthPage .payment-plan-choice[aria-pressed="true"]{
  background:linear-gradient(135deg,#2563eb,#0e7490)!important;
  color:#fff!important;
  border-color:#1d4ed8!important;
}
#portalAuthPage .payment-plan-choice[aria-pressed="true"] :is(strong,small,span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#portalAuthPage :is(
  #paymentCheckoutStatus,#registrationOtpStatus,#registrationLocationStatus,#signUpStatusMsg,
  #signupPlanDiscountNote,#razorpayPlanSummary,#referralAppliedLabel,#trialUpgradeStatus
){color:#475569!important;-webkit-text-fill-color:#475569!important;}
#portalAuthPage #errorMsg{margin:10px 0;font-size:13px;color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important;}
#portalAuthPage .login-btn[hidden],
#portalAuthPage .login-input[hidden]{display:none!important;}
html:not(.workspace-route) body #loginScreen.front-home .front-nav-action{
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

@keyframes auth-card-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@media(max-width:850px) {
  html:not(.workspace-route) body.public-landing-active:has(#loginScreen.front-home) { padding:10px!important; }
  html:not(.workspace-route) body #loginScreen.front-home { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  html:not(.workspace-route) body #loginScreen.front-home > .front-nav { grid-area:auto!important; padding:12px!important; gap:10px!important; }
  html:not(.workspace-route) body #loginScreen.front-home .front-auth-nav-actions { width:100%!important; }
  html:not(.workspace-route) body #loginScreen.front-home .front-nav-action { flex:1 1 0!important; }
  html:not(.workspace-route) body #loginScreen.front-home > .front-hero { grid-area:auto!important; padding:24px!important; }
  html:not(.workspace-route) body #loginScreen.front-home > .front-showcase { grid-area:auto!important; height:380px!important; min-height:380px!important; }
  html:not(.workspace-route) body #loginScreen.front-home > #landingArticles,
  html:not(.workspace-route) body #loginScreen.front-home > #landingPolicyStrip,
  html:not(.workspace-route) body #loginScreen.front-home > #landingMetrics,
  html:not(.workspace-route) body #loginScreen.front-home > .op-footer { grid-row:auto!important; }
  html:not(.workspace-route) body #loginScreen.front-home .front-hero h1 { font-size:28px!important; }
}
@media(max-width:520px) {
  #portalAuthPage { padding:14px 10px; }
  #portalAuthPage .portal-auth-card { max-height:none; border-radius:14px; }
  #portalAuthPage .portal-auth-content { padding:18px; }
  #portalAuthPage[data-mode="signup"] #signUpScreen { grid-template-columns:minmax(0,1fr)!important; }
  html:not(.workspace-route) body #loginScreen.front-home .reference-floating-card { font-size:10px!important; padding:10px 6px!important; }
  html:not(.workspace-route) body #loginScreen.front-home .reference-floating-card small { font-size:9px!important; }
}
@media(prefers-reduced-motion:reduce) { #loginScreen.front-home .reference-floating-card { animation:none!important; } }


/* ===== landing-desktop-outer-gap-cleanup-v1 =====
   Public landing keeps its internal card spacing, but no longer reserves
   decorative outer gutters or a centered max-width canvas on desktop. */
@media(min-width:851px){
  html:not(.workspace-route) body.public-landing-active:has(#loginScreen.front-home){
    margin:0!important;
    padding:0!important;
    min-height:100dvh!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:hidden!important;
  }
  html:not(.workspace-route) body #loginScreen.front-home{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html:not(.workspace-route) body #loginScreen.front-home>.front-nav,
  html:not(.workspace-route) body #loginScreen.front-home>.front-hero,
  html:not(.workspace-route) body #loginScreen.front-home>.front-showcase,
  html:not(.workspace-route) body #loginScreen.front-home>.front-status-banner,
  html:not(.workspace-route) body #loginScreen.front-home>.front-highlights,
  html:not(.workspace-route) body #loginScreen.front-home>.front-tool-catalog,
  html:not(.workspace-route) body #loginScreen.front-home>#landingPolicyStrip,
  html:not(.workspace-route) body #loginScreen.front-home>#landingMetrics,
  html:not(.workspace-route) body #loginScreen.front-home>#landingArticles,
  html:not(.workspace-route) body #loginScreen.front-home>.op-footer{
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* ===== landing-light-copy-visibility-20261005 =====
   Keep the public landing hero and Knowledge Hub readable even if a cached
   theme layer or delayed body theme class is briefly out of sync. Presentation
   only: no layout, sizing, navigation, auth, payment or tool behavior changes. */
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > .front-hero,
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > #landingArticles{
  opacity:1!important;
  filter:none!important;
}
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > .front-hero h1,
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > #landingArticles h2{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  opacity:1!important;
  text-shadow:none!important;
}
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > .front-hero p,
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > #landingArticles p{
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
  opacity:1!important;
  text-shadow:none!important;
}
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > #landingArticles .landing-articles-heading>span{
  color:#087d8a!important;
  -webkit-text-fill-color:#087d8a!important;
  opacity:1!important;
}
html:not(.workspace-route):not(.op-theme-dark) body #loginScreen.front-home > #landingArticles .landing-articles-link{
  color:#1f6cc4!important;
  -webkit-text-fill-color:#1f6cc4!important;
  opacity:1!important;
}

/* Public landing Free Tools: native, crawlable dropdown; no session/auth logic. */
#loginScreen.front-home > .front-nav{position:relative!important;z-index:25}
#loginScreen.front-home .landing-free-tools-menu{position:relative;flex:0 0 auto;min-width:0}
#loginScreen.front-home .landing-free-tools-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;list-style:none;user-select:none;-webkit-user-select:none}
#loginScreen.front-home .landing-free-tools-trigger::-webkit-details-marker{display:none}
#loginScreen.front-home .landing-free-tools-trigger::marker{content:""}
#loginScreen.front-home .landing-free-tools-chevron{font-size:14px;line-height:1;transition:transform .15s ease}
#loginScreen.front-home .landing-free-tools-menu[open] .landing-free-tools-chevron{transform:rotate(180deg)}
#loginScreen.front-home .landing-free-tools-menu[open] > .landing-free-tools-trigger{background:rgba(255,255,255,.3);border-color:#fff}
#loginScreen.front-home .landing-free-tools-menu:not([open]) > .landing-free-tools-dropdown{display:none!important}
#loginScreen.front-home .landing-free-tools-dropdown{
  position:absolute;top:calc(100% + 10px);right:0;z-index:250;
  display:grid;gap:3px;box-sizing:border-box;width:310px;max-width:calc(100vw - 24px);
  max-height:min(68vh,460px);overflow-y:auto;overscroll-behavior:contain;
  padding:12px;background:#fff;color:#172033;border:1px solid #cbd5e1;
  border-radius:15px;box-shadow:0 16px 42px rgba(15,23,42,.24);text-align:left;
}
#loginScreen.front-home .landing-free-tools-heading{display:block;margin:0 0 4px;padding:4px 8px 8px;color:#172554;font-size:13px;font-weight:800;border-bottom:1px solid #e2e8f0}
#loginScreen.front-home .landing-free-tools-dropdown a{
  display:block;padding:10px 11px;color:#183766!important;-webkit-text-fill-color:#183766!important;
  border-radius:9px;background:transparent;text-decoration:none!important;
  font-size:12px;line-height:1.35;font-weight:750;white-space:normal;
}
#loginScreen.front-home .landing-free-tools-dropdown a:hover,
#loginScreen.front-home .landing-free-tools-dropdown a:focus-visible{
  background:#eff6ff;color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important;
  outline:2px solid #93c5fd;outline-offset:0;
}
#loginScreen.front-home .landing-free-tools-note{padding:8px 9px 2px;color:#64748b;font-size:11px;line-height:1.4}
@media(max-width:620px){
  #loginScreen.front-home .landing-free-tools-menu{position:static}
  #loginScreen.front-home .landing-free-tools-chevron{display:none}
  #loginScreen.front-home .landing-free-tools-dropdown{
    top:calc(100% + 6px);right:12px;left:auto;
    width:min(310px,calc(100vw - 32px));max-width:calc(100vw - 32px);
    max-height:min(65vh,430px);
  }
}


/* Search-visible homepage free-tool links. Simple anchors, no JS or tool flow changes. */
html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links {
  display:flex!important;flex-wrap:wrap;gap:7px;align-items:center;
  width:100%;margin:20px 0 0;padding:0;box-sizing:border-box;
}
html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links > strong {
  width:100%;margin-bottom:2px;color:#213651!important;-webkit-text-fill-color:#213651!important;
  font:750 12px/1.4 Arial,sans-serif;letter-spacing:.015em;
}
html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links > a {
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  padding:7px 10px;border-radius:9px;border:1px solid #bdd6e6;
  background:#f0f7fc;color:#174d70!important;-webkit-text-fill-color:#174d70!important;
  text-decoration:none!important;font:700 12px/1.2 Arial,sans-serif;white-space:normal;
}
html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links > a:hover,
html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links > a:focus-visible {
  background:#dbeafe;color:#1e40af!important;-webkit-text-fill-color:#1e40af!important;
  border-color:#2563eb;outline:2px solid #93c5fd;outline-offset:1px;
}
@media(max-width:620px){
  html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links{margin-top:14px;gap:6px}
  html:not(.workspace-route) body #loginScreen.front-home .landing-seo-tool-links > a{
    flex:1 1 calc(50% - 10px);font-size:11px;padding:7px 5px;text-align:center;
  }
}