/* zachg.me — trust.css : "What a session looks like" screenshots + promises (t_5830b087), booker recording note. */
.sec-head .lead{max-width:62ch}
.tsteps{display:grid;gap:1.25rem;margin:0;padding:0;list-style:none}
.tsteps>li{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.tsteps>li.core{box-shadow:0 0 0 1px var(--violet) inset}
.tshot{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.tshot .shot-bar{border-bottom-color:rgba(255,255,255,.08)}
.tshot img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:left top;background:var(--code-bg)}
.tbody{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.35rem 1.35rem}
.tbody h3{margin:.6rem 0 .45rem;font-size:1.2rem;letter-spacing:-.015em}
.tbody p:not(.smeta){color:var(--muted);font-size:.9688rem}
.tbody .smeta{margin-top:auto;padding-top:1rem}
.promise{display:grid;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}
.promise li{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.promise .ic{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;color:var(--accent)}
.promise span{font-size:.9rem;line-height:1.5;color:var(--muted)}
.promise b{display:block;margin-bottom:.15rem;font:600 .95rem/1.3 var(--f-display);color:var(--text)}
@media(min-width:640px){.promise{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.tsteps{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.promise{grid-template-columns:repeat(4,1fr)}}
/* booker: recording consent line under "Where should we meet?" */
.bk-rec{display:flex!important;gap:.45rem;align-items:flex-start;margin-top:.55rem!important}
.bk-rec .ic{flex:none;width:1rem;height:1rem;margin-top:.15rem;color:var(--accent)}