/* FLOS — Base layer Element defaults so consumers inherit the brand without extra setup. RTL-first: the brand is Hebrew. Set dir="rtl" on for Hebrew pages. */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--text-body); background: var(--surface-page); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1, h2, h3, h4 { font-family: var(--font-display); color: var(--text-heading); line-height: var(--lh-snug); letter-spacing: var(--ls-tight); font-weight: var(--fw-bold); margin: 0 0 0.4em; text-wrap: balance; } p { margin: 0 0 1em; text-wrap: pretty; } a { color: var(--color-primary); text-decoration: none; } a:hover { color: var(--color-primary-hover); } strong, b { font-weight: var(--fw-bold); } ::selection { background: var(--flos-sage-soft); color: var(--flos-forest); } img { max-width: 100%; display: block; }