/* Dashboard builder page — extends site.css and case-studies.css (loaded after both). Same tokens. */

.page-hero .ctas{margin-top:30px}
.page-hero h1{max-width:22ch}

/* two ways to build */
.cards.two{grid-template-columns:repeat(2,1fr)}
.bld-same{margin:24px 0 0;color:var(--g500);font-size:16px;max-width:700px}

/* widget palette */
.bld-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;max-width:900px}
.bld-note{margin:22px 0 0;color:var(--g500);font-size:15.5px;max-width:700px}

/* where it fits */
.bld-fit{max-width:760px}
.bld-fit p{color:var(--g700);font-size:17px;margin:14px 0 0}

@media (max-width:880px){
  .cards.two{grid-template-columns:1fr}
}