/** * Cassena Care – Blog (archive blocks + single post) * * Standalone stylesheet (not part of the CodeKit/SCSS build) so it can be * edited on the server. Tokens below mirror scss/setup/_variables.scss. * Layout uses the theme's own .container (1440px max, 80/40/20px padding). */ :root { --cb-navy: #232E49; /* $color-navy – headings, active states */ --cb-deep-navy: #1E263C; /* $color-deep-navy */ --cb-gold: #986E03; /* $color-dark-gold – labels, links, buttons */ --cb-ink: #373737; /* $color-onyx – body text */ --cb-muted: #6A7076; /* $color-stone – meta text */ --cb-line: #DBDDDF; /* borders used across blocks */ --cb-cream: #FEFBF1; /* $body-background ("creamy") */ --cb-ginseng: #FDF7E3; /* $color-ginseng-40 */ --cb-white: #FFFFFF; --cb-radius-lg: 16px; --cb-radius-md: 12px; --cb-radius-sm: 8px; /* matches .button */ --cb-shadow: 0 1px 2px rgba(35, 46, 73, 0.06), 0 16px 32px -16px rgba(35, 46, 73, 0.22); --cb-section-gap: clamp(60px, 7vw, 120px); /* The site header scrolls away (not sticky), so the TOC only needs breathing room. */ --cb-sticky-offset: 32px; } /* The theme sets overflow-x: hidden on both and , which silently disables position: sticky. "clip" hides horizontal overflow the same way without breaking sticky. Scoped to blog posts only. */ html:has(body.single-post), body.single-post { overflow-x: clip; } /* Full-width site header on blog views, matching the theme's rule for sub-pages: .page-template-default .container.header { ... } */ .cb-blog-view .container.header { max-width: 100%; padding: 26px 20px; } /* The theme styles bare