body:has(.th-wrap) .wp-block-post-title, body:has(.th-wrap) .entry-title, body:has(.th-wrap) .page-title, body:has(.tq-wrap) .wp-block-post-title, body:has(.tq-wrap) .entry-title, body:has(.tq-wrap) .page-title, body:has(.ts-wrap) .wp-block-post-title, body:has(.ts-wrap) .entry-title, body:has(.ts-wrap) .page-title{display:none !important;} .th-wrap{max-width:900px;margin:40px auto 40px;padding:0 20px;font-family:var(--wp--preset--font-family--body-font,-apple-system,BlinkMacSystemFont,'Inter',sans-serif);color:#16181d;text-align:center;} .th-eyebrow{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5;margin-bottom:10px;} .th-wrap h1{font-size:38px;margin:0 0 16px;letter-spacing:-.02em;color:#16181d;} .th-sub{color:#5a5f6a;font-size:17px;line-height:1.6;max-width:640px;margin:0 auto 32px;} .th-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px;padding-bottom:36px;border-bottom:1px solid #e6e7eb;} .th-stat-num{font-size:28px;font-weight:700;color:#4f46e5;} .th-stat-lbl{font-size:15px;color:#8a8f98;margin-top:2px;} .th-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left;} @media(max-width:640px){.th-grid{grid-template-columns:1fr;}.th-stats{gap:24px;}} .th-card{position:relative;display:block;border:1px solid #e6e7eb;border-radius:16px;padding:28px;text-decoration:none;color:inherit;background:#fff;transition:transform .15s, box-shadow .15s;} .th-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(16,20,30,.15);} .th-step{position:absolute;top:20px;right:20px;font-size:15px;font-weight:700;color:#c4c7ce;letter-spacing:.05em;} .th-icon{font-size:22px;color:#4f46e5;margin-bottom:10px;} .th-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#16181d;} .th-text{font-size:15px;color:#8a8f98;line-height:1.5;margin-bottom:16px;} .th-cta{font-size:15px;font-weight:600;color:#4f46e5;} /* --- the block's own width, against the theme's layout rule --------------- Block themes print a layout rule of their own - .wp-container-… > * - that clamps every child of the post content to the theme's content size (620px in Twenty Twenty-Four). It carries the same specificity as a plain class and lands in after our stylesheet, so it wins on order alone and the block is squeezed into a column meant for prose. Naming the content container puts our width back in front on specificity, without !important, which would also override the narrower widths this block sets for itself on small screens. Last in the file on purpose: @media adds no specificity, so a later plain rule wins on paper as well as on screen. */ .entry-content .th-wrap, .wp-block-post-content .th-wrap, .wp-site-blocks .th-wrap{max-width:900px;}