.tgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); gap:1rem;
  margin:2rem 0 0}
.tcard{display:block; border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:1.25rem 1.35rem; background:var(--card); text-decoration:none; color:inherit;
  transition:border-color .15s, transform .15s}
.tcard:hover{border-color:var(--brand); transform:translateY(-2px)}
.tcard h3{margin:0 0 .4rem; font-size:1rem}
.tcard p{margin:0; color:var(--muted-foreground); font-size:.875rem; line-height:1.55}
.tcard .tmin{display:block; margin:.7rem 0 0; font-size:.75rem; color:var(--muted-foreground);
  font-family:"JetBrains Mono",monospace}
.tsteps{counter-reset:s; list-style:none; padding:0; margin:1.25rem 0 0}
.tsteps li{counter-increment:s; position:relative; padding:0 0 1.1rem 2.5rem;
  border-left:2px solid var(--border); margin-left:.9rem}
.tsteps li:last-child{border-left-color:transparent; padding-bottom:0}
.tsteps li::before{content:counter(s); position:absolute; left:-.9rem; top:-.15rem;
  width:1.75rem; height:1.75rem; border-radius:50%; background:var(--brand); color:#231903;
  font:600 .8rem/1.75rem "JetBrains Mono",monospace; text-align:center}
.tsteps li b{display:block; margin:0 0 .25rem}
.tsteps li p{margin:0; color:var(--muted-foreground); font-size:.9375rem; line-height:1.6}
.tnote{border-left:3px solid var(--brand); background:color-mix(in oklab,var(--brand) 7%,transparent);
  padding:.9rem 1.1rem; border-radius:0 var(--radius-md) var(--radius-md) 0; margin:1.5rem 0 0}
.tnote p{margin:0; font-size:.9375rem; line-height:1.6}
.tnote b{display:block; margin:0 0 .25rem}
.ttable{width:100%; border-collapse:collapse; margin:1.25rem 0 0; font-size:.9rem}
.ttable th{text-align:left; font-size:.75rem; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted-foreground); font-weight:600; padding:0 .75rem .5rem 0;
  border-bottom:1px solid var(--border)}
.ttable td{padding:.6rem .75rem .6rem 0; border-bottom:1px solid var(--border);
  vertical-align:top}
.ttable td:first-child{font-weight:600; white-space:nowrap}
.ttable td b{font-family:"JetBrains Mono",monospace; font-weight:500}
.tnext{display:flex; gap:.6rem; flex-wrap:wrap; margin:2.5rem 0 0; padding:1.5rem 0 0;
  border-top:1px solid var(--border)}
.tnext a{font-size:.875rem; border:1px solid var(--border); border-radius:99px;
  padding:.45rem .9rem; text-decoration:none; color:var(--muted-foreground)}
.tnext a:hover{border-color:var(--brand); color:var(--foreground)}