), więc rytm liczy się od pierwszej sekcji w

. Liczone przez :nth-of-type, a nie regułami per klasa - dołożenie sekcji przelicza zebrę samo. Divy .module-anchor nie zaburzają numeracji, bo :nth-of-type liczy tylko

. Scope `body.modular` jest konieczny: zwykłe strony (np. polityka prywatności) też mają

z sekcją w środku i inaczej dostałyby tło alt. */ /* Projekt editorial jest PŁASKI: zero promieni i zero cieni na komponentach. Reguła jest globalna i celowo siedzi w fundamencie, nie przy komponentach - inaczej każdy nowy komponent musiałby pamiętać, żeby się spłaszczyć. `!important` zostaje: blades.min.css i theme.css nadają promienie selektorami o wyższej specyficzności, a to jest świadome, globalne zastrzeżenie projektu, nie łatka na kolejność plików. Tokeny --zwinnie-radius-* zostają zdefiniowane dla komponentów spoza strony ofertowej (admin, ewentualny blog). */ .column, .step, .price-card, .faq-item, .objection-row, .about-point, .about-point-icon, .hero-col-cal, .kontakt-form-card, .btn, button, input, textarea, select { border-radius: 0 !important; box-shadow: none !important; } /* Blades (blades.min.css) ustawia `hyphens: auto` na , więc przeglądarka dzieli wyrazy myślnikiem. W tekście ciągłym to bywa pożądane, ale w nagłówku wygląda jak błąd składu - hasło hero łamało się jako "dzia-łała zwinnie". Nagłówki mają się łamać MIĘDZY wyrazami albo wcale. */ h1, h2, h3, h4, h5, h6, .hero-title, .section-head h2 { hyphens: manual; -webkit-hyphens: manual; } /* Nagłówki wieloliniowe: rozkładaj wyrazy równo między wiersze zamiast zostawiać sierotę w ostatnim. */ h1, h2, .hero-title { text-wrap: balance; } body.modular main#start > section:nth-of-type(odd) { background: var(--zwinnie-surface-alt); } /* Pico (blades.min.css) nadaje KAŻDEJ

`margin-bottom` - między pasmami powstaje szczelina w kolorze tła body. Niewidoczna, gdy sąsiad jest jasny, ale na styku hero (tint) → obawy (alt) rzuca się w oczy białym paskiem. Pasma pełnej szerokości mają stykać się bez przerwy, więc zerujemy margines pionowy. */ body.modular main#start > section, body.modular main#start > section:nth-of-type(odd) { margin: 0; padding: 0; border-bottom: 1px solid var(--zwinnie-rule); background: var(--zwinnie-bg); } h1, h2, h3, h4, h5, h6 { color: var(--zwinnie-ink); } html, body { font-family: var(--zwinnie-font-display); background: var(--zwinnie-bg); color: var(--zwinnie-text); }