/* Crucible SaaS (generalist B2B SaaS practice) — full-stack GTM device.
   Shares brand tokens from style.css; reuses shared components from cmo.css. */

.gtmstack{display:flex;flex-direction:column;gap:8px;max-width:780px;margin:clamp(30px,4.5vh,50px) 0 0}
.gtmstack .layer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  border:1px solid var(--line);border-left:2px solid rgba(199,154,60,.55);border-radius:10px;
  padding:16px 22px;background:rgba(248,246,241,.015);transition:border-color .25s,background .25s}
.gtmstack .layer:hover{border-left-color:var(--gold);background:rgba(199,154,60,.04)}
.gtmstack .layer .lk{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.1em}
.gtmstack .layer h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.1rem,1.6vw,1.35rem);color:var(--ink);margin:0;line-height:1.1}
.gtmstack .layer p{color:var(--muted);font-size:.92rem;margin:0;text-align:right;max-width:48ch}
@media(max-width:640px){
  .gtmstack .layer{grid-template-columns:auto 1fr;gap:5px 14px}
  .gtmstack .layer p{grid-column:2;text-align:left}
}

/* routing block — "which door" (self-contained copy of the shared device) */
.routes{display:grid;gap:14px;margin-top:32px;max-width:760px}
.routes a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;text-decoration:none;
  border:1px solid var(--line);border-radius:12px;padding:18px 22px;color:inherit;transition:border-color .25s,background .25s}
.routes a:hover{border-color:rgba(199,154,60,.5);background:rgba(199,154,60,.04)}
.routes .r-t{font-family:var(--serif);font-size:1.15rem;color:var(--ink)}
.routes .r-d{color:var(--muted);font-size:.92rem;text-align:right}
.routes .r-go{color:var(--gold)}