/* ===================================================================== otoprzewodnik.pl — MAKIETA PREMIUM „KAŻDA FORMA MA INNY ROZSTAW POSTOJÓW” --------------------------------------------------------------------- Teza serwisu: „CZTERY FORMY, CZTERY RODZAJE SWOBODY”; „żadna z tych form NIE WYGRYWA AUTOMATYCZNIE”; „czy grupa ma JEDNO TEMPO?”, „czy kolejność jest obowiązkowa?”. Rysunek (zmierzony): linia wystawy 980 px (grubość 6) — ta sama dla wszystkich form. Pod nią TRZY rzędy postojów o tej samej długości: 15 postojów r 7 co 68 px (oprowadzanie), 11 postojów r 9 co 52–132 px (audioprzewodnik), 5 postojów r 12 co 220–280 px (publikacja drukowana). ⚠⚠ RZĘDY MAJĄ TĘ SAMĄ DŁUGOŚĆ — inaczej rysunek mówiłby „jedna forma daje więcej”, a serwis mówi, że żadna nie wygrywa automatycznie. ⚠⚠ ŻADNYCH CZTERECH FIGUR, PÓL, OKŁADEK ANI PRZEJŚĆ — czwórki w serii są zajęte (podpiselektroniczny.warszawa.pl, pomowienia.pl, audytorenergetyczny.com, pap2t.pl); rytm pokazują TRZY rzędy. ⚠⚠ ŻADNYCH ELEMENTÓW W RÓWNYCH ODSTĘPACH NA JEDNEJ LINII (otocertyfikaty.pl) — tam wspólny jest porządek, tu wspólna jest długość, a rozstaw jest tym, co się różni. ⚠ Żadnej słuchawki, ekranu, książki, mapy, biletu. Bez liter i cyfr. Pełny zapis: PROJEKT-PREMIUM.md. ⚠ UCZCIWIE O BARWIE: orzech sąsiaduje z karmelem pracazdalna.eu i mosiądzem otocertyfikat.pl — jest różowo-brązowy, bez złota. Czerń granatowa sąsiaduje z antracytem tanipodpis.pl (chłodniejszy). ⚠ BREE SERIF ma jedną wagę (400) — nagłówki idą wagą 400, wyróżnia je stopień pisma. FIRA CODE zamówiony w jednej wadze (400). ⚠ SZKIELET przeniesiony z otocertyfikat.pl; ozdobniki i tokeny przepisane. Kopiowanie SZKIELETU dozwolone, PROJEKTU nie. ⚠⚠ ARKUSZ RĘCZNY — nie uruchamiać motyw.py / szkielet.py --nadpisz / dokladka.py. Domena na liście premium-recznie.txt. Seria ST-NQ. ⚠ KANON 9b i 9c; wyrównanie ozdobników do prawej: `right 0px top 0px`. ===================================================================== */ /* ⚠ NAPRAWA 2026-09-06 (Opus 5): `margin-inline: auto` dla .kroki, .wyliczenie i .zrodlo. Skrót `margin: … 0 …` w tych trzech regułach (swoistość 0-2-0, PÓŹNIEJ w arkuszu) bił `.pasmo > .kontener > * { margin-inline: auto }` i przy 1100–1439 px — czyli na typowym ekranie laptopa — listy i ramka źródeł stały 204 px w lewo od kolumny prozy. Powyżej progu siatki (1440 px) blok @media i tak ustawia `margin-inline: 0`, więc szerokie ekrany bez zmian. Zmierzone sondą narzedzia-fable/sonda-listy-1366.mjs na 78 arkuszach premium. */ /* --- 1. TOKENY ------------------------------------------------------- */ :root { --czern: #14161C; --czern-noc: #0D0F14; --czern-blask: #333846; --papier: #F5F4F1; --karta: #FFFFFF; --tekst: #1B1C1E; /* 15,50 / 17,05 */ --tekst-cichy: #51535A; /* 6,98 / 7,68 */ --na-czerni: #EDEAE6; /* 15,08 / 9,76 na blasku */ --na-czerni-cichy: #BAB2AA; /* 8,64 / 5,59 na blasku */ /* orzech — TRZY wartości (kanon, punkt 12), policzone */ --orzech-pismo: #6E4630; /* PISMO — 7,40 / 8,13 */ --orzech-kreska: #8F6247; /* kreski — 4,77 / 5,24 */ --orzech-jasny: #DEB79A; /* na płytach — 9,77 / 10,36 / 6,32 na blasku */ --obwodka: #7B7A78; /* 3,90 / 4,29 */ --linia-cicha: #E3E1DC; --obwodka-ciemna:#948C86; /* 5,80 na nocy / 3,54 na blasku */ --kroj-naglowek: "Bree Serif", Georgia, "Times New Roman", serif; --kroj-tekst: "Nunito Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --kroj-maszyna: "Fira Code", ui-monospace, "DejaVu Sans Mono", Consolas, monospace; --kolumna: 34rem; --kolumna-hero: 36rem; --kolumna-szeroka: 56rem; --margines: clamp(20px, 5vw, 104px); --szyna: 15rem; --rowek: 2.6rem; --promien: 2px; --promien-karta: 4px; --cien-karta: 0 16px 34px -28px rgba(20, 22, 28, .5); } /* --- 2. RESET I PODSTAWA --------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { /* B13 warunek 1 i 2 */ font-size: clamp(1rem, .9rem + .3vw, 1.34rem); scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--papier); color: var(--tekst); font-family: var(--kroj-tekst); font-size: 1rem; line-height: 1.7; font-weight: 400; -webkit-font-smoothing: antialiased; } img, svg { max-width: 100%; height: auto; display: block; } ::selection { background: var(--orzech-jasny); color: var(--czern); } :focus-visible { outline: 3px solid var(--orzech-pismo); outline-offset: 2px; } .naglowek :focus-visible, .hero :focus-visible, .stopka :focus-visible { outline-color: var(--orzech-jasny); } /* ⚠ NIE „1px + clip” — cel dotykowy 1x1 px, B7 zapala czerwień. */ .omin { position: absolute; inset-inline-start: -9999px; inset-block-start: 0; z-index: 40; display: inline-flex; align-items: center; min-height: 48px; padding: .6rem 1.2rem; background: var(--orzech-jasny); color: var(--czern); font-weight: 600; text-decoration: none; } .omin:focus { inset-inline-start: 0; } /* --- 2b. PŁYTY ------------------------------------------------------- */ .naglowek, .hero { position: relative; isolation: isolate; color: var(--na-czerni); } .naglowek { background: var(--czern); } /* --- 3. KONTENER ----------------------------------------------------- */ .kontener { width: 100%; max-width: calc(var(--kolumna-szeroka) + 2 * var(--margines)); margin-inline: auto; padding-inline: var(--margines); } .pasmo > .kontener > * { max-width: var(--kolumna); margin-inline: auto; } .hero__kontener > * { max-width: var(--kolumna-hero); margin-inline: auto; } .pasmo > .kontener > .lista-wpisow { max-width: var(--kolumna-szeroka); } /* --- 4. NAGŁÓWEK ----------------------------------------------------- */ .naglowek__plyta { position: absolute; z-index: 0; inset: 0; background-color: var(--czern); background-image: linear-gradient(180deg, var(--czern-noc) 0%, var(--czern) 62%, var(--czern-blask) 100%); } /* wzdłuż dolnej krawędzi: BLOKI SKUPIENIA i PUNKTY nad nimi oraz pod nimi, powtarzane; okres 68 px — punkty nigdy nie leżą na bloku */ .naglowek__postoje { position: absolute; z-index: 1; inset-inline: 0; inset-block-end: 0; height: 16px; background-image: linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-jasny) 0 3px, transparent 3.6px 18px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 5px 4px, var(--orzech-jasny) 0 4px, transparent 4.6px 54px); background-size: 100% 1px, 100% 6px, 100% 1px, 100% 8px; background-position: left 0px top 3px, left 0px top 1px, left 0px top 11px, left 0px top 8px; background-repeat: repeat-x; opacity: .55; } .naglowek__pas { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem clamp(1rem, 3vw, 2.6rem); justify-content: space-between; padding-block: clamp(.9rem, .6rem + .8vw, 1.5rem) clamp(1.4rem, 1rem + 1vw, 2.1rem); } .znak { display: inline-flex; align-items: center; gap: .7rem; min-height: 46px; color: var(--na-czerni); text-decoration: none; } /* znak rozpoznawczy: dwa rzędy postojów o różnym rozstawie */ .znak__postoje { flex: none; width: 30px; height: 18px; background-image: linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-jasny) 0 2px, transparent 2px 7px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-jasny) 0 3px, transparent 3px 16px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px; background-position: left 0px top 4px, left 0px top 2px, left 0px top 14px, left 0px top 11px; background-repeat: no-repeat; } .znak__slowo { font-family: var(--kroj-naglowek); font-weight: 700; font-size: clamp(1.06rem, .94rem + .46vw, 1.38rem); letter-spacing: -.008em; } .znak:hover .znak__slowo { color: var(--orzech-jasny); } .menu { min-width: 0; } .menu__lista { display: flex; flex-wrap: wrap; align-items: center; gap: 0 clamp(.2rem, 1vw, 1.1rem); margin: 0; padding: 0; list-style: none; } .menu__link { position: relative; display: inline-flex; align-items: center; min-height: 46px; /* B7 */ padding-inline: .5em; color: var(--na-czerni-cichy); text-decoration: none; font-family: var(--kroj-maszyna); font-weight: 400; font-size: .74rem; letter-spacing: -.008em; } .menu__link:hover { color: var(--na-czerni); } /* pozycja bieżąca: pod napisem dwa rzędy postojów. ⚠⚠ KANON 3b: znacznik OBOK pisma, nigdy tło pod nim. ⚠ Odstępy w PIKSELACH — pudełko ma sztywne min-height 46px (P-11). */ .menu__link[aria-current="page"] { color: var(--na-czerni); } .menu__link[aria-current="page"]::after { content: ""; position: absolute; inset-block-end: 6px; inset-inline: .5em; height: 13px; background-image: linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-jasny) 0 2px, transparent 2px 9px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-jasny) 0 3px, transparent 3px 18px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 4px 4px, var(--orzech-jasny) 0 4px, transparent 4px 40px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px, 100% 1px, 100% 8px; background-position: left 0px top 2px, left 0px top 0px, left 0px top 11px, left 0px top 8px, left 0px top 23px, left 0px top 19px; background-repeat: no-repeat; } /* --- 5. HERO — jedna trasa, trzy rytmy postojów --------------------- */ .hero { overflow: hidden; padding-block: clamp(2.6rem, 1.6rem + 4vw, 6rem) clamp(3rem, 1.8rem + 4.4vw, 6.6rem); background: var(--czern); } .hero__plyta { position: absolute; z-index: 0; inset: 0; background-color: var(--czern); background-image: radial-gradient(64% 58% at 16% 4%, var(--czern-blask) 0%, rgba(51, 56, 70, 0) 62%), linear-gradient(180deg, var(--czern) 0%, var(--czern-noc) 100%); } .hero__postoje { position: absolute; z-index: 1; /* ⚠ Rysunek W CAŁOŚCI w kadrze (start lewej drogi i start prawej), obok kolumny, nie pod nią — szerokość liczona od 1320 do 1920 px. */ inset-block-start: 50%; inset-inline-end: 2%; width: clamp(26rem, 28vw, 36rem); aspect-ratio: 1200 / 420; transform: translateY(-50%); color: var(--orzech-jasny); opacity: .4; } .hero__postoje svg { width: 100%; height: 100%; } /* Scrim kończy się na 40 procentach: rysunek stoi po prawej w całości, więc scrim chroni tylko kolumnę tekstu. */ .hero__scrim { position: absolute; z-index: 2; inset: 0; background: linear-gradient(96deg, rgba(13, 15, 20, .95) 0%, rgba(13, 15, 20, .86) 22%, rgba(13, 15, 20, .1) 40%, rgba(13, 15, 20, 0) 100%); } .hero__kontener { position: relative; z-index: 3; } /* ⚠ EKRANY DO 1319 px: rysunek dostaje WŁASNE MIEJSCE nad tytułem (kontener dostaje górne dopełnienie równe wysokości rysunku), a scrim zaczyna się dopiero pod nim — na 390 px rysunek z boku wchodził pod akapit (zmierzone 6.09 na tej domenie, poprawka po zamknięciu). */ @media (max-width: 1319px) { .hero__kontener { padding-block-start: clamp(6rem, 26vw, 12rem); } .hero__postoje { inset-block-start: 0; inset-inline-end: 4%; width: clamp(16rem, 74vw, 34rem); transform: none; opacity: .5; } .hero__scrim { background: linear-gradient(180deg, rgba(13, 15, 20, 0) 0%, rgba(13, 15, 20, 0) 22%, rgba(13, 15, 20, .9) 40%, rgba(13, 15, 20, .9) 100%); } } /* ⚠ Barwa jasna należy do TYTUŁU W HERO (kanon, punkt 4). */ .tytul { margin: 0 0 clamp(.9rem, .6rem + .8vw, 1.5rem); font-family: var(--kroj-naglowek); font-weight: 700; font-size: clamp(2rem, 1.26rem + 2.9vw, 3.8rem); line-height: 1.12; letter-spacing: -.01em; color: var(--tekst); text-wrap: balance; } .hero .tytul { color: var(--na-czerni); } /* nad tytułem: trzy rzędy postojów o rosnącym rozstawie */ .hero .tytul::before { content: ""; display: block; width: 7.4rem; height: 22px; margin-block-end: clamp(1rem, .7rem + .8vw, 1.7rem); background-image: linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-jasny) 0 2px, transparent 2px 9px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-jasny) 0 3px, transparent 3px 18px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 4px 4px, var(--orzech-jasny) 0 4px, transparent 4px 40px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px, 100% 1px, 100% 8px; background-position: left 0px top 2px, left 0px top 0px, left 0px top 11px, left 0px top 8px, left 0px top 23px, left 0px top 19px; background-repeat: no-repeat; } .hero .wprowadzenie { margin: 0 0 1.1rem; color: var(--na-czerni); font-size: clamp(1.04rem, .98rem + .34vw, 1.26rem); line-height: 1.64; } .hero p { color: var(--na-czerni-cichy); } /* ⚠⚠ KANON 3c i 3d: swoistość (0-3-1), ale TYLKO proza — nie pigułka odsyłacza. */ .tresc .hero p:not(.przejscie) a:not(.przycisk) { color: var(--orzech-jasny); } /* --- 6. PASMA TREŚCI ------------------------------------------------- */ .tresc { display: block; counter-reset: pasmo; } .pasmo { position: relative; counter-increment: pasmo; padding-block: clamp(2.2rem, 1.5rem + 2.4vw, 4.2rem); background: var(--papier); } .pasmo:nth-of-type(even) { background: var(--karta); } .pasmo + .pasmo::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 1px; background: var(--linia-cicha); } /* ⚠⚠ KANON 1 i 3 */ .pasmo:last-of-type:not(:nth-of-type(1)) { background-color: var(--czern-noc); background-image: linear-gradient(180deg, var(--czern) 0%, var(--czern-noc) 100%); color: var(--na-czerni); } .pasmo:last-of-type:not(:nth-of-type(1))::before { background: var(--orzech-jasny); height: 2px; opacity: .8; } /* ⚠⚠ KANON 2: TYLKO BEZPOŚREDNIE DZIECI KONTENERA */ .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > p { color: var(--na-czerni-cichy); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > h2 { color: var(--na-czerni); } /* ⚠⚠ KANON 2c: h3 i .zajawka mają własną CIEMNĄ barwę z jasnego tła — bez tego 1,07:1 (zmierzone 4.09 na otoenergia.pl). */ .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > h3 { color: var(--na-czerni); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > .zajawka { color: var(--na-czerni-cichy); border-inline-start-color: var(--orzech-jasny); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > p a:not(.przycisk) { color: var(--orzech-jasny); text-decoration-color: var(--orzech-jasny); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > p a:not(.przycisk):hover { color: var(--na-czerni); } /* --- 7. TYPOGRAFIA TREŚCI ------------------------------------------- */ .tresc h2 { margin: 0 0 clamp(.7rem, .5rem + .5vw, 1.1rem); font-family: var(--kroj-naglowek); font-weight: 700; font-size: clamp(1.36rem, 1.06rem + 1.06vw, 2.1rem); line-height: 1.22; letter-spacing: -.008em; color: var(--tekst); text-wrap: balance; } /* numer sekcji NAD DWOMA RZĘDAMI POSTOJÓW */ .pasmo > .kontener > h2::before { content: counter(pasmo, decimal-leading-zero); display: block; width: 3.8rem; margin-block-end: .7rem; padding-block-end: 14px; background-image: linear-gradient(90deg, var(--orzech-kreska) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-kreska) 0 2px, transparent 2px 8px), linear-gradient(90deg, var(--orzech-kreska) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-kreska) 0 3px, transparent 3px 20px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px; background-position: left 0px top 2px, left 0px top 0px, left 0px top 12px, left 0px top 9px; background-repeat: no-repeat; font-family: var(--kroj-maszyna); font-weight: 400; font-size: .72rem; letter-spacing: -.01em; line-height: 1.5; color: var(--orzech-pismo); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > h2::before { color: var(--orzech-jasny); background-image: linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-jasny) 0 2px, transparent 2px 8px), linear-gradient(90deg, var(--orzech-jasny) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-jasny) 0 3px, transparent 3px 20px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px; background-position: left 0px top 2px, left 0px top 0px, left 0px top 12px, left 0px top 9px; background-repeat: no-repeat; } .tresc h3 { margin: clamp(1.7rem, 1.2rem + 1.2vw, 2.5rem) 0 .5rem; font-family: var(--kroj-naglowek); font-weight: 500; font-size: clamp(1.06rem, .96rem + .4vw, 1.3rem); line-height: 1.36; color: var(--tekst); } .tresc p { margin: 0 0 1.1em; } .tresc p:last-child { margin-block-end: 0; } .wprowadzenie { font-size: clamp(1.02rem, .97rem + .3vw, 1.2rem); line-height: 1.66; } .zajawka { margin: 0 0 1.3em; padding-inline-start: 1.1rem; border-inline-start: 4px solid var(--orzech-kreska); color: var(--tekst-cichy); font-size: clamp(1.01rem, .96rem + .28vw, 1.16rem); } .tresc p a:not(.przycisk) { color: var(--orzech-pismo); text-decoration-line: underline; text-decoration-color: var(--orzech-kreska); text-decoration-thickness: 1px; text-underline-offset: .2em; } .tresc p a:not(.przycisk):hover { color: var(--tekst); text-decoration-thickness: 2px; } /* --- 8. KROKI I WYLICZENIA ------------------------------------------- KROKI to wybór prowadzony po kolei — numer nad rzędami postojów. WYLICZENIE to rzeczy do sprawdzenia — dwa rzędy o różnym rozstawie: ta sama trasa, inne tempo. ⚠ To rozróżnienie jest treścią serwisu, nie dekoracją. -------------------------------------------------------------------- */ .tresc .kroki { margin: .4em auto 1.4em; padding: 0; list-style: none; counter-reset: krok; } .tresc .kroki li { counter-increment: krok; position: relative; padding: .7em 0 .7em 3.2rem; border-block-end: 1px solid var(--linia-cicha); } /* ⚠ Kreskę zdejmujemy ostatniej pozycji W UKŁADZIE; wykaz jednoszpaltowy (P-2). */ .tresc .kroki li:last-child { border-block-end: 0; } /* ⚠⚠ KANON 9b: odsyłacz WEWNĄTRZ `.kroki` jest celem UI — B7 mierzy sam ``, nie `
  • ` (zmierzone na pap2.pl: 259 × 20 px przy progu 44). ⚠ `inline-block`, NIE `inline-flex`: flex nie zawija tekstu → B5. */ .tresc .kroki li > a { display: inline-block; min-height: 44px; padding-block: .7rem; } .tresc .kroki li::before { content: counter(krok, decimal-leading-zero); position: absolute; inset-inline-start: 0; inset-block-start: .64em; display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 1.5rem; padding-inline: .35rem; background: var(--karta); color: var(--orzech-pismo); border: 2px solid var(--orzech-kreska); font-family: var(--kroj-maszyna); font-weight: 400; font-size: .7rem; } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > .kroki li { border-block-end-color: var(--obwodka-ciemna); } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > .kroki li::before { background: transparent; color: var(--orzech-jasny); border-color: var(--orzech-jasny); } .tresc .wyliczenie { margin: .4em auto 1.4em; padding: 0; list-style: none; display: grid; gap: .6rem; } .tresc .wyliczenie li { position: relative; padding-inline-start: 1.9rem; } /* znacznik: dwa rzędy postojów — gęsty i rzadki */ .tresc .wyliczenie li::before { content: ""; position: absolute; inset-block-start: .55em; inset-inline-start: 0; width: 22px; height: 12px; background-image: linear-gradient(90deg, var(--orzech-kreska) 0 100%), repeating-radial-gradient(circle at 2px 2px, var(--orzech-kreska) 0 2px, transparent 2px 7px), linear-gradient(90deg, var(--orzech-kreska) 0 100%), repeating-radial-gradient(circle at 3px 3px, var(--orzech-kreska) 0 3px, transparent 3px 16px); background-size: 100% 1px, 100% 4px, 100% 1px, 100% 6px; background-position: left 0px top 2px, left 0px top 0px, left 0px top 11px, left 0px top 8px; background-repeat: no-repeat; } .pasmo:last-of-type:not(:nth-of-type(1)) > .kontener > .wyliczenie li::before, .tresc .hero .wyliczenie li::before { border-color: var(--orzech-jasny); } /* ⚠⚠ KANON 9c: ODSYŁACZ W WYKAZIE (`.wyliczenie`, `.kroki`) NIE JEST OBJĘTY REGUŁAMI PROZY — te celują w `` wewnątrz `

    `. Bez własnej reguły dostaje DOMYŚLNY BŁĘKIT PRZEGLĄDARKI rgb(0,0,238), co na ciemnej płycie hero daje **1,44:1**. Zmierzone 5.09 na tej domenie: „Checklista wymagań CMS”, „Backup i test odtwarzania”, „Migracja CMS” w `