/* Team Build — WIDE look (Claude Design 2026-10-18, "Team Build Page Design").
 * Photo and the save-your-spot card side by side, so the leader and the email
 * step fit a 1200x500 traffic-exchange frame; two-column program cards; stacks
 * to one column on phones. Same markup and script as the other looks — this file
 * only restyles them, keyed on .tb[data-theme="wide"]. Colours/fonts arrive as
 * --tb-* custom properties from atb_tb_tokens_wide(). */
.tb[data-theme="wide"]{-webkit-font-smoothing:antialiased;line-height:1.5}
.tb[data-theme="wide"] h1,.tb[data-theme="wide"] h2,.tb[data-theme="wide"] h3{text-wrap:balance}
.tb[data-theme="wide"] p{text-wrap:pretty}
.tb[data-theme="wide"] :focus-visible{outline:2px solid var(--tb-accent-text);outline-offset:3px;border-radius:6px}

/* ambient light, top of the page only */
.tb[data-theme="wide"] .tb-aura{position:absolute;left:0;right:0;top:0;height:760px;overflow:hidden;pointer-events:none;z-index:0}
.tb[data-theme="wide"] .tb-aura i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.tb[data-theme="wide"] .tb-aura i:nth-child(1){width:560px;height:560px;left:-120px;top:-220px;background:var(--tb-aura1);animation:tbw-drift1 26s ease-in-out infinite alternate}
.tb[data-theme="wide"] .tb-aura i:nth-child(2){width:520px;height:520px;right:-140px;top:-120px;background:var(--tb-aura2);animation:tbw-drift2 32s ease-in-out infinite alternate}
@keyframes tbw-drift1{to{transform:translate(140px,60px) scale(1.1)}}
@keyframes tbw-drift2{to{transform:translate(-120px,90px) scale(.92)}}

/* top bar: the leader's name is the mark */
.tb[data-theme="wide"] .tb-topbar{position:relative;z-index:2;border-bottom:1px solid var(--tb-line)}
.tb[data-theme="wide"] .tb-topbar::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tb-band,none)}
.tb[data-theme="wide"] .tb-topbar-in{max-width:1200px;margin:0 auto;padding:0 40px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tb[data-theme="wide"] .tb-mark{display:flex;align-items:baseline;gap:10px;min-width:0;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-mark b{font-family:var(--tb-font-head);font-weight:800;letter-spacing:var(--tb-head-track);font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb[data-theme="wide"] .tb-mark span i{font-style:normal}
.tb[data-theme="wide"] .tb-mark span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-muted);font-weight:600;white-space:nowrap}
.tb[data-theme="wide"] a.tb-signin{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px;color:var(--tb-muted);text-decoration:none;white-space:nowrap}
.tb[data-theme="wide"] a.tb-signin:hover{color:var(--tb-ink);text-decoration:underline}
.tb[data-theme="wide"] .tb-ribbon{background:var(--tb-surface2);color:var(--tb-muted)}

/* page width */
.tb[data-theme="wide"] .tb-wrap{max-width:1200px;padding:0 40px 0}
.tb[data-theme="wide"] .tb-col{gap:0}

/* ---------- hero: photo + name | save-your-spot card ---------- */
.tb[data-theme="wide"] .tb-top{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:center;padding:28px 0 32px}
.tb[data-theme="wide"] .tb-hero{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"photo name" "photo promise" "photo chips";column-gap:32px;row-gap:0;align-content:center;align-items:start;text-align:left;padding:0}
.tb[data-theme="wide"] .tb-photo{grid-area:photo;align-self:center;padding:0;overflow:hidden;background:var(--tb-surface2);
  width:var(--tbw-photo-w,220px);height:var(--tbw-photo-h,220px);border-radius:var(--tbw-photo-r,50%);
  box-shadow:0 0 0 1px var(--tb-line),0 0 0 8px var(--tb-surface),0 0 0 9px var(--tb-line),var(--tb-shadow)}
.tb[data-theme="wide"][data-shape="rounded"]{--tbw-photo-r:30px}
.tb[data-theme="wide"][data-shape="portrait"]{--tbw-photo-w:210px;--tbw-photo-h:280px;--tbw-photo-r:22px}
.tb[data-theme="wide"] .tb-photo img,.tb[data-theme="wide"] .tb-photo .tb-initial{border-radius:0;background:transparent}
.tb[data-theme="wide"] .tb-photo .tb-ph{border-radius:0}
.tb[data-theme="wide"] .tb-photo .tb-initial{font-size:4.5rem;color:var(--tb-muted)}
.tb[data-theme="wide"] .tb-name{grid-area:name;align-self:end;margin:0 0 12px;font-size:clamp(40px,4.4vw,56px);line-height:1.05;color:var(--tb-name-ink)}
.tb[data-theme="wide"] .tb-promise{grid-area:promise;margin:0;max-width:34ch;font-size:18px;line-height:1.55;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-chips{grid-area:chips;justify-content:flex-start;gap:8px;margin:18px 0 0}
.tb[data-theme="wide"] .tb-chips li{min-height:34px;padding:6px 14px 6px 10px;gap:8px;font-size:14px;font-weight:500;background:var(--tb-surface);border-color:var(--tb-line);color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-chips li::before{background:var(--tb-accent-text)}
@media (min-width:601px){.tb[data-theme="wide"] .tb-chips li{white-space:nowrap}}

/* cards */
.tb[data-theme="wide"] .tb-card{background:var(--tb-surface);border:1px solid var(--tb-line);border-radius:22px;box-shadow:var(--tb-shadow);padding:28px;-webkit-backdrop-filter:none;backdrop-filter:none}
.tb[data-theme="wide"] .tb-card h2{font-size:25px;line-height:1.1;margin:0 0 10px;color:var(--tb-name-ink)}
.tb[data-theme="wide"] .tb-step1{padding:28px 28px 22px}
.tb[data-theme="wide"] .tb-step1 .tb-lead{font-size:15px;color:var(--tb-muted);line-height:1.55;margin:0 0 18px}
.tb[data-theme="wide"] .tb-saved{flex-direction:column;align-items:flex-start;gap:16px;padding:6px 2px}
.tb[data-theme="wide"] .tb-saved .tb-tick{width:52px;height:52px;background:var(--tb-ok)!important;color:var(--tb-on-ok)!important}
.tb[data-theme="wide"] .tb-saved .tb-tick svg{width:24px;height:24px}
.tb[data-theme="wide"] .tb-saved strong{font-family:var(--tb-font-head);font-weight:var(--tb-head-weight);letter-spacing:var(--tb-head-track);font-size:23px;line-height:1.25}

/* form */
.tb[data-theme="wide"] .tb-form{flex-wrap:nowrap;gap:8px}
.tb[data-theme="wide"] .tb-input{flex:1 1 auto;min-width:0;height:52px;border-radius:var(--tb-r-btn);border:1px solid var(--tb-line);background:var(--tb-input-bg);transition:border-color .2s,box-shadow .2s}
.tb[data-theme="wide"] .tb-input:focus{border-color:var(--tb-accent-text);box-shadow:0 0 0 4px var(--tb-accent-soft)}
.tb[data-theme="wide"] .tb-form .tb-btn{flex:0 0 auto}
.tb[data-theme="wide"] .tb-signup label.tb-small{min-height:40px;margin:6px 0 0!important;font-size:14px;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-signup label.tb-small input{width:18px!important;height:18px!important;accent-color:var(--tb-accent)!important}
.tb[data-theme="wide"] .tb-meta{margin-top:2px;font-size:12.5px}
.tb[data-theme="wide"] .tb-meta a{color:var(--tb-muted)}

/* ---------- buttons: four styles ---------- */
.tb[data-theme="wide"] .tb-btn{isolation:isolate;min-height:52px;padding:0 22px;border-radius:var(--tb-r-btn);border:1px solid transparent;background:var(--tb-accent);color:var(--tb-on-accent);box-shadow:none;font-weight:600;font-size:16px;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s}
.tb[data-theme="wide"] .tb-btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--tb-accent) 70%,transparent)}
.tb[data-theme="wide"] .tb-btn:active{transform:none}
.tb[data-theme="wide"] .tb-btn-ghost{background:transparent;color:var(--tb-ink);border-color:var(--tb-line)}
.tb[data-theme="wide"] .tb-btn-ghost:hover{background:var(--tb-surface2);box-shadow:none}
.tb[data-theme="wide"][data-btn="sheen"] .tb-btn:not(.tb-btn-ghost){background:linear-gradient(180deg,color-mix(in srgb,var(--tb-accent) 88%,#fff),var(--tb-accent));box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.tb[data-theme="wide"][data-btn="sheen"] .tb-btn:not(.tb-btn-ghost)::after{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-120%);animation:tbw-sheen 4.2s ease-in-out infinite}
@keyframes tbw-sheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.tb[data-theme="wide"][data-btn="glass"] .tb-btn:not(.tb-btn-ghost){background:linear-gradient(180deg,color-mix(in srgb,var(--tb-accent) 80%,rgba(255,255,255,.35)),color-mix(in srgb,var(--tb-accent) 92%,transparent));border-color:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.08),0 8px 20px -10px color-mix(in srgb,var(--tb-accent) 60%,transparent)}
.tb[data-theme="wide"][data-btn="outline"] .tb-btn:not(.tb-btn-ghost){background:transparent;color:var(--tb-accent-text);border:1.5px solid var(--tb-accent-text)}
.tb[data-theme="wide"][data-btn="outline"] .tb-btn:not(.tb-btn-ghost):hover{background:var(--tb-accent-soft);box-shadow:none}
.tb[data-theme="wide"] .tb-link{color:var(--tb-accent-text);font-size:14px;min-height:36px}

/* ---------- how it works ---------- */
.tb[data-theme="wide"] .tb-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:8px 0 0;padding:0;text-align:left;border:1px solid var(--tb-line);border-radius:18px;background:color-mix(in srgb,var(--tb-surface) 70%,transparent)}
.tb[data-theme="wide"] .tb-strip li{flex-direction:row;align-items:center;gap:14px;padding:18px 22px;font-weight:600;font-size:16px;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-strip li+li{border-left:1px solid var(--tb-line)}
.tb[data-theme="wide"] .tb-strip b{width:34px;height:34px;flex:none;border:1px solid var(--tb-line);background:transparent;color:var(--tb-muted);font-size:13px;font-family:var(--tb-font-body)}
.tb[data-theme="wide"] .tb-strip li.is-done b{background:var(--tb-ok);border-color:var(--tb-ok);color:var(--tb-on-ok)}

/* the long step-3 label only where the row has room for it */
@container (max-width:900px){.tb[data-theme="wide"] .tb-strip .tb-long{display:none}.tb[data-theme="wide"] .tb-strip .tb-short{display:inline}}

/* ticker */
.tb[data-theme="wide"] .tb-ticker{justify-content:flex-start;margin:18px 0 0;font-size:14px;color:var(--tb-muted);text-align:left}

/* ---------- programs ---------- */
.tb[data-theme="wide"] section[aria-label="Programs"]{padding-top:64px}
.tb[data-theme="wide"] .tb-progress{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:24px!important}
.tb[data-theme="wide"] .tb-progress-top{display:contents}
.tb[data-theme="wide"] .tb-progress-top>span{flex:1 1 360px;font-family:var(--tb-font-head);font-weight:var(--tb-head-weight);letter-spacing:var(--tb-head-track);font-size:clamp(28px,3vw,38px);line-height:1.1;color:var(--tb-name-ink);text-wrap:balance}
.tb[data-theme="wide"] .tb-progress-top strong{order:2;font-family:var(--tb-font-body);font-size:14px;font-weight:600;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-bar{order:3;width:160px;height:6px;margin-bottom:6px;background:var(--tb-surface2)}
.tb[data-theme="wide"] .tb-bar span{background:var(--tb-accent)}
.tb[data-theme="wide"] .tb-progs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.tb[data-theme="wide"] .tb-prog{display:flex;flex-direction:column;background:var(--tb-surface);border:1px solid var(--tb-line);border-radius:22px;box-shadow:var(--tb-shadow);overflow:hidden}
.tb[data-theme="wide"] .tb-prog-btn{grid-template-columns:64px minmax(0,1fr) 44px;gap:18px;min-height:132px;padding:22px 20px 22px 22px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--tb-ink);transition:background .2s}
.tb[data-theme="wide"] .tb-prog-btn:hover{filter:none;background:color-mix(in srgb,var(--tb-surface2) 45%,var(--tb-surface))}
.tb[data-theme="wide"] .tb-prog-btn:hover .tb-prog-end{background:var(--tb-accent);color:var(--tb-on-accent);border-color:var(--tb-accent);transform:translateX(2px)}
.tb[data-theme="wide"] .tb-prog-icon{width:64px;height:64px;border-radius:16px;background:var(--tb-surface2);border:1px solid var(--tb-line)}
.tb[data-theme="wide"] .tb-prog-icon img{padding:9px;background:#fff}
.tb[data-theme="wide"] .tb-prog-icon svg{width:28px;height:28px;color:var(--tb-accent-text)}
.tb[data-theme="wide"] .tb-prog-title{font-family:var(--tb-font-head);font-weight:var(--tb-head-weight);letter-spacing:var(--tb-head-track);font-size:21px;line-height:1.2;text-wrap:balance}
.tb[data-theme="wide"] .tb-prog-why{font-size:15px;color:var(--tb-muted);opacity:1;margin-top:2px}
.tb[data-theme="wide"] .tb-prog-tags{gap:6px;margin-top:10px}
.tb[data-theme="wide"] .tb-tag{font-size:12px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border:1px solid var(--tb-line);background:transparent;color:var(--tb-muted)}
.tb[data-theme="wide"] .tb-gift{font-size:12px;font-weight:600;padding:4px 10px;background:var(--tb-accent-soft);color:var(--tb-accent-text)}
.tb[data-theme="wide"] .tb-prog-end{width:44px;height:44px;border:1px solid var(--tb-line);background:transparent;color:var(--tb-ink);transition:all .2s}
.tb[data-theme="wide"] .tb-prog-end svg{width:18px;height:18px}
.tb[data-theme="wide"] .tb-ribbon-tag{top:0;right:22px;padding:5px 10px 6px;border-radius:0 0 8px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--tb-ink);color:var(--tb-surface-solid);box-shadow:none}
.tb[data-theme="wide"] .tb-prog:has(.tb-ribbon-tag) .tb-prog-btn{padding-top:34px}
.tb[data-theme="wide"] .tb-prog-under{padding:0;gap:0}
.tb[data-theme="wide"] .tb-prog-under>*{margin:0}
.tb[data-theme="wide"] .tb-under{margin:0;padding:12px 22px;border-top:1px solid var(--tb-line);font-size:14px;color:var(--tb-muted);background:color-mix(in srgb,var(--tb-surface2) 40%,var(--tb-surface))}
.tb[data-theme="wide"] .tb-under b{color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-joined{padding:12px 22px;border-top:1px solid var(--tb-line);font-size:14px}
.tb[data-theme="wide"] .tb-joined b{color:var(--tb-ok)}
.tb[data-theme="wide"] .tb-save{padding:20px 22px 14px;border:0;border-top:1px solid var(--tb-line);border-radius:0;background:color-mix(in srgb,var(--tb-accent-soft) 55%,var(--tb-surface))}
.tb[data-theme="wide"] .tb-save label{font-size:15px;font-weight:600;color:var(--tb-ink);margin-bottom:12px}
.tb[data-theme="wide"] .tb-save label.tb-small{font-weight:400;font-size:14px;color:var(--tb-muted);margin:10px 0 0}
.tb[data-theme="wide"] .tb-save .tb-input{background:var(--tb-surface);height:48px}
.tb[data-theme="wide"] .tb-save .tb-btn{min-height:48px}
.tb[data-theme="wide"] .tb-save-foot{margin-top:6px}
.tb[data-theme="wide"] .tb-sponsor{font-size:14px}
.tb[data-theme="wide"] .tb-more{padding:0 22px}
.tb[data-theme="wide"] .tb-save .tb-more{padding:0}
.tb[data-theme="wide"] .tb-more summary{min-height:40px;display:flex;align-items:center;font-weight:600;color:var(--tb-ink);font-size:14px}
.tb[data-theme="wide"] .tb-more details>div{background:var(--tb-surface);border-color:var(--tb-line);margin-bottom:12px}
.tb[data-theme="wide"] .tb-prog-under>.tb-more{border-top:1px solid var(--tb-line)}
/* a joined program becomes a compact row */
.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-btn{min-height:0;padding:14px 18px;grid-template-columns:40px minmax(0,1fr) 44px}
.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-icon{width:40px;height:40px;border-radius:11px}
.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-title{font-size:19px}
.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-why,.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-tags,.tb[data-theme="wide"] .tb-prog.is-joined .tb-ribbon-tag{display:none}
.tb[data-theme="wide"] .tb-prog.is-joined:has(.tb-ribbon-tag) .tb-prog-btn{padding-top:14px}
.tb[data-theme="wide"] .tb-prog.is-joined .tb-prog-end{background:var(--tb-ok);border-color:var(--tb-ok);color:var(--tb-on-ok)}

/* ---------- trust ---------- */
.tb[data-theme="wide"] .tb-trust{margin-top:56px;padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr)}
.tb[data-theme="wide"] .tb-trust:has(.tb-video){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.tb[data-theme="wide"] .tb-video{margin:0;border:0;border-right:1px solid var(--tb-line);border-radius:0;aspect-ratio:16/9;min-height:100%;background:var(--tb-surface2)}
.tb[data-theme="wide"] .tb-video .tb-play{width:72px;height:72px;background:var(--tb-surface);color:var(--tb-ink);box-shadow:var(--tb-shadow)}
.tb[data-theme="wide"] .tb-video .tb-small{font-weight:600;background:var(--tb-surface);padding:6px 12px;border-radius:999px;border:1px solid var(--tb-line);font-size:14px}
.tb[data-theme="wide"] .tb-trust-body{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.tb[data-theme="wide"] .tb-who{display:flex;align-items:center;gap:14px}
.tb[data-theme="wide"] .tb-who-av{position:relative;width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--tb-surface2);border:1px solid var(--tb-line);font-weight:700;color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-who-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tb[data-theme="wide"] .tb-who b{display:block;font-family:var(--tb-font-head);font-weight:var(--tb-head-weight);letter-spacing:var(--tb-head-track);font-size:22px;line-height:1.15}
.tb[data-theme="wide"] .tb-who span{font-size:14px;color:var(--tb-muted)}
.tb[data-theme="wide"] .tb-trust-row{justify-content:flex-start;gap:12px}
.tb[data-theme="wide"] .tb-trust-row .tb-btn-ghost{background:var(--tb-accent);color:var(--tb-on-accent);border-color:transparent}
.tb[data-theme="wide"] .tb-trust-row .tb-btn-ghost svg{color:currentColor}
.tb[data-theme="wide"] .tb-socials a{width:44px;height:44px;background:transparent;border-color:var(--tb-line);color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-socials a:hover{background:var(--tb-surface2)}

/* ---------- finish + footer ---------- */
.tb[data-theme="wide"] .tb-finish{margin:72px auto 0;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.tb[data-theme="wide"] .tb-next{font-family:var(--tb-font-head);font-weight:var(--tb-head-weight);letter-spacing:var(--tb-head-track);font-size:clamp(20px,2.1vw,25px);line-height:1.35;color:var(--tb-name-ink);margin:0;text-wrap:balance}
.tb[data-theme="wide"] .tb-finish .tb-btn-wide{width:auto}
.tb[data-theme="wide"] .tb-gate{margin:0;font-size:14px}
.tb[data-theme="wide"] .tb-foot{margin:88px -40px 0;padding:28px 40px 36px;border-top:1px solid var(--tb-line);text-align:left;font-size:13px;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
html.atb-framed .tb[data-theme="wide"] .tb-foot{padding-bottom:110px} /* clipped frames: see teambuild.css */
.tb[data-theme="wide"] .tb-foot p{max-width:70ch;margin:0}
.tb[data-theme="wide"] .tb-foot nav{justify-content:flex-start;gap:4px 16px;margin:0;align-items:center}
.tb[data-theme="wide"] .tb-foot nav a{display:inline-block;padding:10px 0;line-height:20px}

/* ---------- dialogs ---------- */
.tb[data-theme="wide"] .tb-modal{background:color-mix(in srgb,var(--tb-bg) 40%,rgba(0,0,0,.55));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tb[data-theme="wide"] .tb-sheet{max-width:480px;border-radius:22px;padding:30px 28px 24px;background:var(--tb-surface);border:1px solid var(--tb-line);box-shadow:var(--tb-shadow),0 40px 90px -30px rgba(0,0,0,.45)}
.tb[data-theme="wide"] .tb-sheet h2{font-size:24px;line-height:1.1;margin:14px 0 8px;color:var(--tb-name-ink)}
.tb[data-theme="wide"] .tb-x{width:44px;height:44px;border:0;color:var(--tb-muted);font-size:22px}
.tb[data-theme="wide"] .tb-x:hover{background:var(--tb-surface2);color:var(--tb-ink)}
.tb[data-theme="wide"] .tb-sheet-prog{padding:4px 14px 4px 4px;font-weight:600;font-size:14px;background:transparent;border-color:var(--tb-line);margin:0}
.tb[data-theme="wide"] .tb-sheet-prog img{width:32px;height:32px}
.tb[data-theme="wide"] .tb-sheet .tb-form{flex-wrap:wrap}
.tb[data-theme="wide"] .tb-sheet .tb-input{flex:999 1 200px}
.tb[data-theme="wide"] .tb-sheet .tb-form .tb-btn{flex:1 0 auto}
.tb[data-theme="wide"] .tb-finish-list{gap:8px}
.tb[data-theme="wide"] .tb-finish-list .tb-btn-ghost{justify-content:flex-start;padding:0 18px}
.tb[data-theme="wide"] #tb-done .tb-sheet{text-align:left!important}
.tb[data-theme="wide"] #tb-done .tb-prog-end{margin:0 0 6px!important;width:52px!important;height:52px!important;background:var(--tb-ok)!important;color:var(--tb-on-ok)!important}

/* ---------- responsive (from the design) ---------- */
@media (max-width:1100px){
  .tb[data-theme="wide"] .tb-top{grid-template-columns:minmax(0,1fr) 380px;gap:32px}
  .tb[data-theme="wide"] .tb-hero{column-gap:24px}
  .tb[data-theme="wide"] .tb-photo{--tbw-photo-w:150px;--tbw-photo-h:150px}
  .tb[data-theme="wide"][data-shape="portrait"] .tb-photo{--tbw-photo-w:140px;--tbw-photo-h:187px}
  .tb[data-theme="wide"] .tb-promise{font-size:17px}
}
@media (max-width:1000px){
  .tb[data-theme="wide"] .tb-hero{grid-template-areas:"photo name" "promise promise" "chips chips"}
  .tb[data-theme="wide"] .tb-photo{--tbw-photo-w:110px;--tbw-photo-h:110px}
  .tb[data-theme="wide"][data-shape="portrait"] .tb-photo{--tbw-photo-w:104px;--tbw-photo-h:138px}
  .tb[data-theme="wide"] .tb-name{align-self:center;margin:0}
  .tb[data-theme="wide"] .tb-promise{margin-top:16px}
}
@media (max-width:900px){
  .tb[data-theme="wide"] .tb-wrap,.tb[data-theme="wide"] .tb-topbar-in{padding-left:24px;padding-right:24px}
  .tb[data-theme="wide"] .tb-top{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px}
  .tb[data-theme="wide"] .tb-step1{max-width:560px}
  .tb[data-theme="wide"] .tb-progs{grid-template-columns:minmax(0,1fr)}
  .tb[data-theme="wide"] .tb-trust:has(.tb-video){grid-template-columns:minmax(0,1fr)}
  .tb[data-theme="wide"] .tb-video{border-right:0;border-bottom:1px solid var(--tb-line)}
  .tb[data-theme="wide"] .tb-foot{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
}
@media (max-width:600px){
  .tb[data-theme="wide"] .tb-wrap,.tb[data-theme="wide"] .tb-topbar-in{padding-left:18px;padding-right:18px}
  /* The bar says just "Team Build" in bold on every screen (Sheridan 2026-10-18) */
  .tb[data-theme="wide"] .tb-top{padding-top:22px;gap:22px}
  .tb[data-theme="wide"] .tb-hero{column-gap:18px}
  .tb[data-theme="wide"] .tb-photo{--tbw-photo-w:96px;--tbw-photo-h:96px;box-shadow:0 0 0 1px var(--tb-line),0 0 0 5px var(--tb-surface),0 0 0 6px var(--tb-line)}
  .tb[data-theme="wide"][data-shape="rounded"] .tb-photo{--tbw-photo-r:20px}
  .tb[data-theme="wide"][data-shape="portrait"] .tb-photo{--tbw-photo-w:90px;--tbw-photo-h:120px;--tbw-photo-r:16px}
  .tb[data-theme="wide"] .tb-name{font-size:36px}
  .tb[data-theme="wide"] .tb-promise{margin-top:18px;font-size:17px}
  .tb[data-theme="wide"] .tb-step1{padding:22px 18px 16px}
  .tb[data-theme="wide"] .tb-card h2{font-size:25px}
  .tb[data-theme="wide"] .tb-form{flex-direction:column;flex-wrap:nowrap}
  .tb[data-theme="wide"] .tb-form .tb-btn,.tb[data-theme="wide"] .tb-form .tb-input{width:100%;flex:none}
  .tb[data-theme="wide"] .tb-strip{grid-template-columns:minmax(0,1fr)}
  .tb[data-theme="wide"] .tb-strip li{padding:12px 16px;font-size:15px;gap:12px;min-width:0}
  .tb[data-theme="wide"] .tb-strip li+li{border-left:0;border-top:1px solid var(--tb-line)}
  .tb[data-theme="wide"] .tb-strip b{width:30px;height:30px}
  .tb[data-theme="wide"] section[aria-label="Programs"]{padding-top:48px}
  .tb[data-theme="wide"] .tb-prog-btn{grid-template-columns:52px minmax(0,1fr) 44px;gap:14px;padding:18px 14px 18px 16px;min-height:0}
  .tb[data-theme="wide"] .tb-prog-icon{width:52px;height:52px;border-radius:14px}
  .tb[data-theme="wide"] .tb-prog-title{font-size:19px}
  .tb[data-theme="wide"] .tb-ribbon-tag{right:14px}
  .tb[data-theme="wide"] .tb-under,.tb[data-theme="wide"] .tb-save,.tb[data-theme="wide"] .tb-joined{padding-left:16px;padding-right:16px}
  .tb[data-theme="wide"] .tb-more{padding:0 16px}
  .tb[data-theme="wide"] .tb-trust-body{padding:24px 20px}
  .tb[data-theme="wide"] .tb-finish{margin-top:56px}
  .tb[data-theme="wide"] .tb-finish .tb-btn-wide{width:100%;white-space:normal}
  .tb[data-theme="wide"] .tb-foot{margin:64px -18px 0;padding:24px 18px 32px}
  .tb[data-theme="wide"] .tb-bar{width:110px}
}
@media (max-width:360px){.tb[data-theme="wide"] .tb-btn{white-space:normal}}
/* One-line opt-in + terms on small phones (2026-10-18): a little more room for the text. */
.tb[data-theme="wide"] .tb-signup label.tb-small{gap:10px!important}
.tb[data-theme="wide"] .tb-signup label.tb-small input{margin:0!important;flex:none}
@media (max-width:380px){.tb[data-theme="wide"] .tb-step1{padding-left:14px;padding-right:14px}
  .tb[data-theme="wide"] .tb-modal{padding:10px}
  .tb[data-theme="wide"] .tb-sheet{padding:26px 16px 18px}}
@media (prefers-reduced-motion:reduce){.tb[data-theme="wide"] .tb-aura{display:none}}
.tb[data-theme="wide"][data-motion="0"] .tb-aura{display:none}
/* What every member gets, free */
.tb[data-theme="wide"] .tb-yours{margin-top:56px;padding:32px}
.tb[data-theme="wide"] .tb-yours h2{font-size:28px}
.tb[data-theme="wide"] .tb-yours-lead{margin:0 0 24px}
.tb[data-theme="wide"] .tb-yours-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:22px}
.tb[data-theme="wide"] .tb-yours-ic{background:var(--tb-accent-soft);border-radius:12px}
.tb[data-theme="wide"] .tb-yours .tb-btn{width:auto;display:inline-flex}
@media (max-width:600px){.tb[data-theme="wide"] .tb-yours{margin-top:36px;padding:22px}.tb[data-theme="wide"] .tb-yours h2{font-size:23px}.tb[data-theme="wide"] .tb-yours .tb-btn{width:100%}}

/* Share (2026-10-27): the wide look keeps its hero tight for 1200x500 frames, so Share sits in the top bar. */
.tb[data-theme="wide"] .tb-hero .tb-share{display:none}
.tb[data-theme="wide"] .tb-topbar-r{display:flex;align-items:center;gap:18px}