/* Polityka prywatności Przysłów (prywatnosc.html) w stylu robiapps.com.
   Osobny plik, bo zabezpieczenia serwera (.htaccess, Content-Security-Policy) nie pozwalają na style wpisane w samą stronę. */
:root { --tlo: #efe5d2; --papier: #f4ead8; --tekst: #1c2230; --szary: #545365; --wisnia: #8e1b2c; --niebieski: #425ee8; --linia: #30344155; --pixel: 'Pixelify Sans', monospace; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--tlo); color: var(--tekst); font: 17px/1.7 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.pp-header, main, .pp-footer { width: min(820px, calc(100% - 32px)); margin: 0 auto; }
.pp-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; height: 67px; border-bottom: 1px solid #30394d; }
.pp-brand { font: 700 30px var(--pixel); letter-spacing: -1.4px; color: var(--tekst); text-decoration: none; display: inline-flex; align-items: baseline; }
.pp-brand i { width: 6px; height: 6px; margin-left: 5px; border-radius: 50%; background: var(--niebieski); display: inline-block; }
.pp-back { font: 500 18px var(--pixel); color: var(--tekst); text-decoration: none; }
.pp-back:hover { color: var(--niebieski); }
main { padding: 32px 0 64px; }
h1 { font: 700 clamp(28px, 4.6vw, 40px)/1.15 var(--pixel); letter-spacing: -.5px; margin: 0 0 12px; }
h2 { font: 600 22px/1.3 var(--pixel); margin: 34px 0 8px; color: var(--wisnia); }
.data { font: 500 15px var(--pixel); letter-spacing: 2px; text-transform: uppercase; color: var(--szary); margin: 0 0 6px; }
.jezyki a { display: inline-block; margin-right: 10px; padding: 4px 12px; font: 500 17px var(--pixel); color: var(--tekst); text-decoration: none; background: var(--papier); border: 1px solid #222838; box-shadow: 2px 2px #22283880; }
.jezyki a:hover { color: var(--niebieski); }
a { color: var(--niebieski); overflow-wrap: anywhere; }
ul { padding-left: 22px; }
hr { border: 0; border-top: 1px solid #303441; margin: 56px 0; }
.pp-footer { padding: 24px 0 48px; border-top: 1px solid var(--linia); font-size: 13px; color: var(--szary); }
