/* Shared income-calculator introduction on the public homepages. */
.home-income-feature, .home-income-feature * { box-sizing:border-box; }
.home-income-shortcut {
  box-sizing:border-box;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--th-space-2);
  min-height:var(--th-control-height-standard);
  margin-top:var(--th-space-4);
  padding:var(--th-space-2) var(--th-space-3);
  color:var(--th-color-violet-strong);
  font-family:var(--th-font-interface);
  font-size:var(--th-control-font-size-standard);
  font-weight:var(--th-control-font-weight-tertiary);
  line-height:var(--th-control-line-height-standard);
  text-decoration:underline;
  text-underline-offset:3px;
}
.home-income-feature {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--th-space-6);
  width:94vw;
  max-width:min(950px,100%);
  margin:0 auto var(--th-space-12);
  padding:var(--th-space-8);
  border:1px solid var(--th-color-border);
  border-radius:var(--th-radius-card);
  background:var(--th-color-surface);
  box-shadow:var(--th-shadow-card-soft);
  color:var(--th-color-ink);
  font-family:var(--th-font-interface);
  text-align:left;
  scroll-margin-top:120px;
}
.home-income-icon {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:var(--th-radius-card);
  background:var(--th-color-violet-soft);
  color:var(--th-color-violet-strong);
}
.home-income-icon svg { width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-income-copy { min-width:0; }
.home-income-copy .home-income-kicker { margin:0 0 var(--th-space-2); color:var(--th-color-violet-strong); font-size:12px; font-weight:600; line-height:1.5; }
.home-income-copy h2 { margin:0 0 var(--th-space-3); color:var(--th-color-ink); font-size:28px; font-weight:600; line-height:1.25; letter-spacing:-.02em; }
.home-income-copy p { margin:0; color:var(--th-color-text-muted); font-size:16px; line-height:1.6; }
.home-income-action { min-width:0; max-width:220px; }
.home-income-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--th-space-2);
  min-height:var(--th-control-height-prominent);
  padding:var(--th-space-3) var(--th-space-5);
  border:1px solid transparent;
  border-radius:var(--th-radius-control);
  background:var(--th-gradient-action-primary);
  color:var(--th-color-surface);
  font-size:var(--th-control-font-size-standard);
  font-weight:var(--th-control-font-weight-primary);
  line-height:var(--th-control-line-height-standard);
  text-align:center;
  text-decoration:none;
}
.home-income-action .home-income-language { margin:var(--th-space-2) 0 0; color:var(--th-color-text-muted); font-size:13px; line-height:1.5; text-align:center; }
.home-income-cta svg, .home-income-shortcut svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-income-faq-link { color:var(--th-color-violet-strong); font-weight:var(--th-control-font-weight-tertiary); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
:is(.home-income-cta,.home-income-shortcut,.home-income-faq-link):focus-visible { outline:2px solid var(--th-color-violet-strong); outline-offset:3px; }
@media (hover:hover) {
  .home-income-cta:hover { background:var(--th-gradient-action-primary-hover); color:var(--th-color-surface); }
  .home-income-shortcut:hover, .home-income-faq-link:hover { color:var(--th-color-violet-deep); }
}
@media (max-width:800px) {
  .home-income-feature { grid-template-columns:minmax(0,1fr); gap:var(--th-space-5); padding:var(--th-space-6); margin-bottom:var(--th-space-8); }
  .home-income-icon { display:none; }
  .home-income-copy h2 { font-size:24px; }
  .home-income-copy p { font-size:15px; }
  .home-income-action { max-width:none; }
  .home-income-cta { width:100%; }
}
@media (forced-colors:active) {
  .home-income-feature { box-shadow:none; border-color:CanvasText; }
  .home-income-cta { background:ButtonFace; color:ButtonText; border-color:ButtonText; }
  .home-income-icon { color:CanvasText; border:1px solid CanvasText; }
  .home-income-shortcut, .home-income-faq-link { color:LinkText; }
  :is(.home-income-cta,.home-income-shortcut,.home-income-faq-link):focus-visible { outline-color:Highlight; }
}
