/* Strony prawne. Osobny arkusz, bo landing i dokument maja przeciwne cele:
 * landing prowadzi wzrok, dokument ma sie dac czytac linia po linii. */
*{box-sizing:border-box}
body{margin:0;background:var(--stone);color:var(--ink);
     font-family:var(--font-text);font-size:1rem;line-height:1.7;
     -webkit-font-smoothing:antialiased}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.75rem}
a{color:var(--ink)}
a:hover{color:var(--ochre)}

nav{padding:1.5rem 0}
nav a{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none}
nav img{width:34px;height:34px;border-radius:50%;object-fit:cover}
nav b{font-family:var(--font-display);font-size:1.3rem;font-weight:400;letter-spacing:.02em}

.doc-head{padding:2.5rem 0 1rem;border-bottom:1px solid var(--line)}
.doc-head h1{font-family:var(--font-display);font-weight:300;
             font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;margin:0;
             letter-spacing:-.01em}

.doc{padding:2rem 0 4rem}
.doc h2{font-family:var(--font-display);font-weight:400;font-size:1.65rem;
        line-height:1.2;margin:2.75rem 0 .75rem;letter-spacing:-.01em}
.doc h3{font-family:var(--font-text);font-weight:600;font-size:1.05rem;
        margin:1.75rem 0 .5rem}
.doc h4{font-family:var(--font-text);font-weight:600;font-size:.98rem;
        margin:1.25rem 0 .4rem;color:var(--ink-soft)}
.doc p{margin:.9rem 0}
.doc ul{margin:.9rem 0;padding-left:1.1rem;list-style:none}
.doc li{position:relative;padding-left:.9rem;margin:.35rem 0}
.doc li::before{content:"";position:absolute;left:0;top:.72em;
                width:4px;height:4px;border-radius:50%;background:var(--ochre)}
.doc strong{font-weight:600}
.doc .rule{height:1px;background:var(--line);border:0;margin:2.5rem 0}

footer{border-top:1px solid var(--line);padding:2rem 0 3.5rem;
       color:var(--ink-soft);font-size:var(--t-small)}
footer p{margin:.5rem 0}