/* Shared additions, without changing the individual page layouts. */
.siteHeader .nav > a.tbBlogLink { display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap; }
.mobileMenuPanel > a.tbMobileBlogLink { display:block; padding:16px 0; color:inherit; font-weight:750; border-top:1px solid rgba(255,253,248,.18); text-decoration:none; }
a[aria-busy="true"] { cursor:progress; }
.calendly-overlay { z-index:2147483000 !important; }
.calendly-overlay .calendly-popup { max-height:calc(100dvh - 40px); }

.thinkbrick-blog { margin:0; }
.tbBlogMain { min-height:640px; padding:110px max(28px, calc((100vw - 1120px)/2)); display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:80px; background-color:#fffdf8; background-image:linear-gradient(rgba(23,40,46,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(23,40,46,.035) 1px,transparent 1px); background-size:48px 48px; color:#17282e; }
.tbBlogKicker { display:inline-block; padding:10px 13px; border:2px solid #17282e; box-shadow:4px 4px 0 #51b7b0; background:#fffdf8; font:700 10px/1.5 monospace; text-transform:uppercase; letter-spacing:.1em; transform:rotate(-1deg); }
.tbBlogCopy h1 { margin:30px 0 22px; font-size:clamp(36px,4.1vw,58px); font-weight:850; line-height:1.05; letter-spacing:-.055em; }
.tbBlogCopy h1 em { color:#2c827c; font-style:normal; }
.tbBlogCopy p { max-width:510px; color:#52656e; font-size:18px; line-height:1.65; }
.tbBlogMain .tbBlogCta { display:inline-block; margin-top:24px; padding:17px 25px; background:#17282e; color:#fffdf8; box-shadow:6px 6px 0 #48dfd4; font-size:14px; font-weight:750; text-decoration:none; transition:transform .2s; }
.tbBlogMain .tbBlogCta:hover { transform:translate(-2px,-2px); }
.tbBlogArt { position:relative; display:grid; justify-items:center; padding:30px 0 60px; }
.tbBlogArt span { display:block; padding:8px 22px; border:2px solid #17282e; font-size:clamp(40px,4.5vw,68px); font-weight:900; line-height:1; letter-spacing:-.05em; box-shadow:6px 6px 0 rgba(23,40,46,.16); background:#fffdf8; transform:rotate(-5deg) translateX(-16px); }
.tbBlogArt span:nth-child(2) { background:#2c827c; color:#fffdf8; transform:rotate(3deg) translateX(18px); }
.tbBlogArt span:nth-child(3) { background:#17282e; color:#fffdf8; transform:rotate(-2deg); }
.tbBlogArt i { margin-top:25px; font:700 9px/1.5 monospace; letter-spacing:.15em; }
@media(max-width:760px) { .tbBlogMain { min-height:auto; padding:70px 24px; grid-template-columns:1fr; gap:40px; } .tbBlogArt { padding:10px 0; } }
@media(prefers-reduced-motion:reduce) { .tbBlogMain .tbBlogCta { transition:none; } }
