@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono.woff2) format('woff2');font-weight:400 700;font-display:swap}
.tbx-navbar__logo{gap:.48rem}.tbx-navbar__logo img{width:30px;height:30px;object-fit:contain}
.tbx-navbar__socials{gap:.7rem}.tbx-navbar__socials a{font-family:var(--mono);font-size:.72rem}
.tbx-task-guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}
.tbx-task-guide{display:block;background:var(--bg-card);border:1px solid var(--border);padding:1.1rem;border-radius:var(--radius);min-height:110px}
.tbx-task-guide:hover{border-color:var(--cyan)}.tbx-task-guide strong{display:block;color:var(--text);font-family:var(--mono);font-size:.84rem;line-height:1.45}
.tbx-task-guide small{display:block;color:var(--muted);font-size:.76rem;margin-top:.35rem;line-height:1.6}
.tbx-project-body ol,.tbx-project-body ul{margin:0 0 1.1rem 1.45rem;color:var(--text-dim);font-size:.95rem}
.tbx-project-body li{margin:.4rem 0;padding-left:.1rem}
.tbx-project-body strong{color:var(--text)}
.tbx-note{margin:1.1rem 0;padding:1.15rem;background:var(--bg-card);border-left:3px solid var(--cyan);border-radius:2px;color:var(--text-dim);font-size:.94rem}
.tbx-mini-label{font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--muted)}
.tbx-breadcrumbs{font-size:.76rem;font-family:var(--mono);margin-bottom:1.4rem;color:var(--muted)}
.tbx-breadcrumbs a{color:var(--muted)}.tbx-breadcrumbs a:hover{color:var(--cyan)}
.tbx-download-action{border:1px solid var(--cyan);background:var(--cyan);color:#0f0d0a;font:600 .8rem var(--mono);letter-spacing:.04em;padding:.7rem 1.4rem;border-radius:var(--radius);cursor:pointer;text-transform:uppercase}
.tbx-download-action:hover{background:var(--cyan-bright)}
.tbx-dl-card-button{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}
.tbx-copy-link{font-family:var(--mono);font-size:.85rem;color:var(--cyan)}
.tbx-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tbx-project-hero__tagline{max-width:720px}
.tbx-project-body h3{color:var(--text);font:700 1rem var(--mono);margin:1.4rem 0 .5rem}
.tbx-project-body :is(p,li){overflow-wrap:anywhere}
.tbx-video-wrap .tbx-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#16130d,#352516);text-align:center;padding:2rem}
.tbx-video-wrap .tbx-poster span{font:600 1.2rem var(--mono)}
.tbx-nav-toggle{display:none;background:transparent;color:var(--cyan);border:1px solid var(--border);border-radius:4px;padding:.35rem .65rem;cursor:pointer;font:700 .85rem var(--mono)}
@media(max-width:700px){.tbx-navbar{padding:0 1rem}.tbx-navbar__socials{display:none}.tbx-nav-toggle{display:block}.tbx-navbar__links{display:none;position:absolute;top:55px;left:0;right:0;padding:1rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;gap:1rem}.tbx-navbar__links.tbx-open{display:flex}.tbx-navbar__logo .tbx-brandname{font-size:.73rem}.tbx-project-hero{padding-top:6rem}.tbx-project-body{padding:0 1.1rem 3rem}.tbx-project-hero__actions button,.tbx-project-hero__actions a{width:100%;text-align:center}.tbx-project-hero__img{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}