/* Trade pages (/seo-for/*) in the redesign. Loads after v2.css on every v2
   page; every rule is scoped to a v2tr- class only the trade template uses. */

/* hero: the board's extra room under the phone */
.v2tr-hero{padding-bottom:100px}
/* "SEO for <trade>" sits inside the H1 (the page's topic), drawn as the chip */
.v2tr-hero .h1 .chip{display:flex;width:max-content;max-width:100%;margin-bottom:26px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0}

/* a long search ends in an ellipsis inside the Maps bar, as Google does */
.v2tr-hero .gmsearch span:not(.gmav){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* searches: every bar ends at the same point, pills right-aligned beside them */
@media (min-width:761px){
  .v2tr-searches li{grid-template-columns:minmax(0,1fr) 200px}
  .v2tr-searches .intent{justify-self:end}
}

/* map pack: the link under the four ticks */
.row2 .txt .v2tr-more{margin-top:22px;font-size:15px}
.v2tr-more a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}

/* the scan, captioned with the trade's own search */
.v2tr-sq{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:14px;padding:0 16px;border-radius:22px;background:var(--paper);font-weight:700;font-size:15px;letter-spacing:-.01em}
.v2tr-sq svg{width:18px;height:18px;flex:none}

/* content ideas: the board's list, as titles we would write, not links */
.v2tr-ideas li>span{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:16px;padding:22px 0;font-weight:700;font-size:21px;line-height:1.3}
.v2tr-ideas li+li>span{border-top:1px solid var(--rule)}

/* related trades under the FAQ, and the closing band straight after it */
.v2tr-rel{margin-top:70px}
.v2tr-close{padding-top:40px}

@media (max-width:760px){
  .v2tr-hero{padding-bottom:70px}
  .v2tr-hero .h1 .chip{margin-bottom:20px;font-size:13px}
  /* the map is shorter on a phone: keep your pin clear of the filter chips */
  .v2tr-hero .gpin.me{top:75%!important;left:52%!important}
  .v2tr-sq{min-height:40px;padding:0 12px;font-size:13px;margin-bottom:10px}
  .v2tr-ideas li>span{font-size:17px;padding:18px 0}
  .v2tr-rel{margin-top:50px}
  .v2tr-close{padding-top:30px}
}

/* the document icon marks a title we would write; no chip, so it never reads as a button (QA, 17 Oct) */
.v2tr-ideas li>span i{background:none;box-shadow:none;color:var(--pink);justify-self:end}