Kwestionariusz depresji

Pierwsza wersja narzędzia: kwestionariusz EPDS (10 pytań), automatyczne wyliczenie wyniku, niezależna flaga alarmowa dla pytania 10.

Nowy styl graficzny narzędzia (ciepły papier, atrament, akcent szałwiowo-teal; Source Serif 4 + Inter + IBM Plex Mono), poszerzenie kontenera do 1100px, poprawka wyświetlania tabel na urządzeniach mobilnych, dodanie tej sekcji.

Poprawiono układ zakładki/sekcji „Historia wersji” na urządzeniach mobilnych — wąskie kolumny „Wersja”/„Data” łamały się litera po literze na małych ekranach; zastąpiono sztywną tabelę układem kartowym (numer wersji + data w nagłówku, opis pod spodem).

Korekta łamania tekstu w tabelach. Deklaracja overflow-wrap:anywhere w komórkach powodowała, że minimalna szerokość kolumny wyliczana przez przeglądarkę odpowiadała pojedynczemu znakowi — algorytm automatycznego układu tabeli zwężał wówczas kolumny o krótkich nagłówkach i łamał wyrazy w przypadkowym miejscu („Charakt / er”) nawet na szerokim ekranie. Zastąpiono ją wartością break-word, która nie wpływa na wyliczanie rozmiaru min-content, wraz z word-break:normal; kolumna nie może już być węższa niż najdłuższy wyraz nagłówka. Agresywne łamanie zachowano wyłącznie dla ciągów nierozdzielnych — odnośników, identyfikatorów DOI i tekstu monospace. Tabelom w kontenerze przewijanym nadano minimalną szerokość 640 px (560 px poniżej 520 px szerokości okna), dzięki czemu na wąskim ekranie tabela przewija się poziomo zamiast ulegać zgnieceniu. Zmiana wyłącznie prezentacyjna — nie modyfikuje treści merytorycznej ani logiki obliczeń.

Zestaw poprawek widoku mobilnego. Pola formularza otrzymały poniżej 640 px rozmiar czcionki 16 px — Safari na iOS przybliża widok przy ustawieniu ostrości na polu o mniejszej czcionce, zmuszając do ręcznego oddalania po każdym wyborze. Tabele przewijane poziomo sygnalizują możliwość przesunięcia cieniem gradientowym przy prawej krawędzi, znikającym po dojściu do końca przewijania.

Reset CSS doprowadzono do postaci kanonicznej: reguła all:revert obejmowała dotąd wszystkie elementy potomne, w tym svg, przez co kasowała atrybuty prezentacyjne fill i stroke — grafiki wektorowe traciły barwę i zarys. Zastosowano wykluczenie *:not(svg):not(svg *) wraz z osobną regułą box-sizing dla SVG. Dotyczy to również znaku graficznego w nagłówku dokumentu. Dokument nie ma paska zakładek ani tabel w ramce przewijanej, więc pozostałe mechanizmy widoku mobilnego pozostają nieaktywne. Skrypt przy starcie przechodzi łańcuch przodków elementu głównego i w każdym, który ma overflow-x:hidden, zamienia tę wartość na overflow-x:clip — obie tak samo blokują przewijanie poziome, ale clip nie tworzy kontenera przewijania, co przywraca działanie position:sticky po osadzeniu na stronie.

Cofnięto zmianę reguły resetu wprowadzoną w poprzedniej wersji. Wykluczenie *:not(svg):not(svg *) miało chronić atrybuty prezentacyjne grafik wektorowych, ale podnosiło specyficzność selektora resetu z jednej klasy do jednej klasy i dwóch pseudoklas. W dokumencie, którego reguły pisano względem pierwotnej specyficzności, oznacza to, że część deklaracji bez !important zaczyna przegrywać z all:revert — a więc zmiana o charakterze porządkowym może przestawić wygląd w miejscach niezwiązanych z SVG. Reset wrócił do pierwotnej postaci. Ochronę grotów strzałek zapewnia teraz wyłącznie jawna deklaracja fill:none i stroke:currentColor z priorytetem, rozszerzona dodatkowo na elementy potomne svg, co nie wpływa na kaskadę reszty dokumentu.

Ujednolicenie stylu graficznego z portalem edukacyjnym, przeprowadzone wcześniej na algorytmie CMV. Typografia: usunięto krój szeryfowy Source Serif 4, którego portal nie używa — nagłówki korzystają z kroju Inter, odróżnianego od tekstu wagą 600 i ujemnym odstępem międzyliterowym −0,01 em; krój zniknął też z wykazu pobieranego z Google Fonts. Stopka: jasne tło --bg, kreska oddzielająca u góry, zaokrąglone dolne narożniki, wyrównanie do prawej, krój IBM Plex Mono 0,64 rem; klauzula prawna zachowuje krój tekstowy i wyrównanie do lewej, ponieważ monospace czyta się dobrze w jednej linijce, ale nie w kilkuzdaniowym akapicie. Dodano linię zamykającą „Materiały edukacyjne | © 2026 Antoni Sierant" w brzmieniu portalu, oddzieloną cienką kreską. Znak wodny nagłówka: element ::before z grafiką osadzoną jako dane base64, szerokość 210 px, krycie 15%, wysunięty poza prawą krawędź, zwężany do 140 px poniżej 640 px szerokości okna; nagłówek otrzymał position:relative, a jego zawartość z-index, bo element pozycjonowany maluje się nad treścią w normalnym przepływie. Margines zewnętrzny: poniżej 820 px szerokości okna ramka odsuwa się od krawędzi ekranu o 6 px. Zastosowano margines, nie dopełnienie jak w portalu — tam korzeń jest przezroczysty, a tło niesie wewnętrzny .shell, tutaj tło leży na samym korzeniu, więc dopełnienie wcięłoby jedynie treść.

Dwie korekty spójności po ujednoliceniu z portalem edukacyjnym. Barwa nagłówków sekcji. Paski .subsection-header oraz nagłówki trzeciego stopnia w kartach zachowały turkus --accent, podczas gdy aktywna zakładka przeszła na błękit — w jednym dokumencie występowały więc dwie barwy wyróżnienia. Oba elementy korzystają teraz ze zmiennej --tab-active, czyli błękitu #3A6D9A, tego samego, którym portal oznacza sekcję ginekologiczną. Turkus pozostaje barwą odnośników i elementów pomocniczych. Tekst stopki. Ujednolicenie objęło stopkę krojem monospace i wyrównaniem do prawej, co jest właściwe dla jednowierszowej stopki portalu, ale nie dla kilkuzdaniowego tekstu informacyjnego. Tekst stopki wraca do kroju Inter i wyrównania obustronnego; krój monospace i wyrównanie do prawej zachowuje wyłącznie linia zamykająca z notą o prawach autorskich.

Usunięto z nagłówka blok informacji licencyjnej: zapis o licencji Creative Commons do użytku niekomercyjnego wraz z notą „© 2026 Antoni Sierant | wer. 1.2". Licencja ta zarezerwowana jest dla formularzy zgód, natomiast narzędzia kliniczne udostępniane są na zasadzie zastrzeżenia wszystkich praw, ze statusem wersji testowej — pozostawienie takiego oznaczenia w nagłówku wprowadzało w błąd co do warunków korzystania. Nota o prawach autorskich pozostaje w pasku wersji testowej u góry oraz w linii zamykającej stopkę, a numer wersji w zakładce z historią wersji, więc żadna informacja nie ginie. Usunięto również osierocony kontener .header-meta wraz z obiema regułami stylu, które go dotyczyły.

Wprowadzono brakującą warstwę .shell zgodnie z kanonem rodziny narzędzi. Dotąd promień narożników leżał na samym korzeniu i obejmował wyłącznie górną krawędź, a cienia rzucanego nie było wcale — narzędzie odcinało się od tła strony inaczej niż pozostałe. Obudowa przejmuje promień 16 px i cień 0 4px 18px rgba(29,58,86,0.10); korzeń niesie odtąd wyłącznie tło, szerokość i margines zewnętrzny. Obudowa świadomie nie dostaje właściwości overflow — każda wartość inna niż visible czyni ją kontenerem przewijania i unieważnia przyklejanie paska zakładek. Dodano kanoniczny blok @media print, którego narzędzie dotąd nie miało: wydruk gubił pasek zakładek i drukował wyłącznie panel otwarty na ekranie, a granatowy nagłówek ze znakiem wodnym zużywał toner bez potrzeby. Reguła ukrywa pasek zakładek i elementy sterujące, rozwija wszystkie panele (każdy od nowej strony), odwraca nagłówek na biel z granatową kreską, wygasza znak wodny, zdejmuje ograniczenie min-width i otoczki przewijania z tabel oraz zabezpiecza karty i tabele przed łamaniem między stronami. Klauzula prawna. Ujednolicono wyrównanie do obustronnego, zgodnie z pozostałymi narzędziami; dotąd kwestionariusz jako jedyny wyrównywał ją do lewej. Uwaga porządkowa: narzędzie nie ma paska zakładek, bo jest jednoekranowe — blok skryptu obsługujący przewijanie paska pozostaje w pliku nieaktywny, dla zgodności z resztą rodziny przy przyszłej rozbudowie.