/* One owner for the current Stock benefit composition. Neutral classes avoid
   colliding with Tracker's existing .home-actions navigation. */
.tcgn-benefit-strip {
  --tcgn-benefit-accent:var(--tcgn-product-accent,var(--brand));
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:34px 0 0;
  margin:0 0 36px;
  color:var(--text);
  font:400 15px/1.5 var(--font);
}
.tcgn-benefit-strip .tcgn-benefit {
  min-width:0;
  min-height:0;
  padding:22px;
  background:var(--surface);
  color:var(--text);
  border:0;
  border-radius:var(--tcgn-radius-surface);
  box-shadow:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  position:relative;
  overflow:hidden;
}
.tcgn-benefit > * {position:relative;z-index:1}
.tcgn-benefit-icon {
  width:32px;
  height:32px;
  margin:0 0 14px;
  display:grid;
  place-items:center;
  color:var(--tcgn-benefit-accent);
  background:transparent;
}
.tcgn-benefit-icon > svg:not([width]) {width:24px;height:24px}
.tcgn-benefit-strip .tcgn-benefit h2 {
  font:850 20px/1.2 var(--font);
  letter-spacing:-.8px;
  color:var(--text);
  margin:0 0 10px;
}
.tcgn-benefit-strip .tcgn-benefit p {
  font:400 13px/1.7 var(--font);
  color:var(--muted);
  max-width:40ch;
  margin:0 0 20px;
}
.tcgn-benefit-strip .tcgn-benefit-action {
  align-self:flex-start;
  justify-self:start;
  margin:0;
}
.tcgn-benefit-strip .tcgn-benefit-action:focus-visible {
  outline:2px solid var(--tcgn-benefit-accent);
  outline-offset:3px;
}
@media(max-width:800px){
  .tcgn-benefit-strip .tcgn-benefit {padding:18px}
}
@media(max-width:700px){
  .tcgn-benefit-strip {grid-template-columns:1fr;gap:8px;padding-top:24px;margin-bottom:24px}
  .tcgn-benefit-strip .tcgn-benefit {display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px}
  .tcgn-benefit-icon {grid-row:1/4;margin:0;align-self:start}
  .tcgn-benefit-strip .tcgn-benefit h2 {font-size:18px;margin:0 0 8px}
  .tcgn-benefit-strip .tcgn-benefit p {font-size:12px;margin:0 0 12px}
  .tcgn-benefit-strip .tcgn-benefit-action {grid-column:2}
}
