/* Stocker Studio — strony informacyjne i dokumenty na goodbax.com.
   Ten sam język wizualny co strona główna (czarne tło, akcent #4ab8ff, Audiowide w nagłówkach),
   ale układ do czytania długiego tekstu. Bez skryptów, bez zewnętrznych zasobów (CSP 'self'). */
@font-face{
font-family:'Audiowide';
src:url(audiowide.woff2) format('woff2');
font-display:swap;
font-weight:400;
font-style:normal;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--accent:#4ab8ff;
--metal-dim:#6b7280;
--text:#d4d8de;
--text-dim:#8a929e;
--heading:#e8ecf2;
--border:rgba(200,205,212,0.15);
--panel:rgba(255,255,255,0.03);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
font-family:'Helvetica Neue',Arial,sans-serif;
color:var(--text);
background:#000;
line-height:1.7;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(74,184,255,0.4);text-underline-offset:0.18em;overflow-wrap:anywhere}
a:hover{text-decoration-color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:8px;background:#000;padding:0.4rem 0.8rem;z-index:10}

/* ---------- nagłówek ---------- */
.top{
border-bottom:1px solid var(--border);
}
.top-inner{
max-width:980px;
margin:0 auto;
padding:1rem 16px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:0.6rem 1.2rem;
}
.brand{
font-family:'Audiowide','Arial Black',Arial,sans-serif;
text-transform:uppercase;
letter-spacing:0.08em;
font-size:1.05rem;
color:var(--heading);
text-decoration:none;
text-shadow:0 0 10px rgba(74,184,255,0.35);
}
.brand small{
display:inline-block;
font-family:'Helvetica Neue',Arial,sans-serif;
letter-spacing:0.22em;
font-size:0.62rem;
color:var(--accent);
margin-left:0.6rem;
opacity:0.85;
}
.lang{
font-size:0.78rem;
letter-spacing:0.12em;
text-transform:uppercase;
}
.lang a,.lang span{padding:0.2rem 0.35rem}
.lang span[aria-current]{color:var(--heading);border-bottom:1px solid var(--accent)}
.lang a{text-decoration:none;color:var(--text-dim)}
.lang a:hover{color:var(--accent)}

.docnav{
max-width:980px;
margin:0 auto;
padding:0 16px 0.9rem;
display:flex;
flex-wrap:wrap;
gap:0.3rem 1.3rem;
font-size:0.82rem;
letter-spacing:0.04em;
}
.docnav a{color:var(--text-dim);text-decoration:none;padding:0.15rem 0}
.docnav a:hover{color:var(--accent)}
.docnav a[aria-current="page"]{color:var(--heading);border-bottom:1px solid var(--accent)}

/* ---------- treść ---------- */
main{
max-width:980px;
margin:0 auto;
padding:2.6rem 16px 3rem;
}
.doc{max-width:72ch}
.kicker{
display:block;
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.66rem;
color:var(--accent);
opacity:0.8;
margin-bottom:0.9rem;
}
h1{
font-family:'Audiowide','Arial Black',Arial,sans-serif;
font-weight:400;
text-transform:uppercase;
letter-spacing:0.08em;
font-size:clamp(1.35rem,4.2vw,2.1rem);
line-height:1.25;
color:var(--heading);
margin-bottom:0.9rem;
}
h2{
font-family:'Audiowide','Arial Black',Arial,sans-serif;
font-weight:400;
text-transform:uppercase;
letter-spacing:0.1em;
font-size:clamp(0.95rem,2.4vw,1.12rem);
color:var(--heading);
margin:2.4rem 0 0.8rem;
padding-top:1.4rem;
border-top:1px solid var(--border);
scroll-margin-top:1rem;
}
h3{
font-size:1rem;
font-weight:600;
color:var(--heading);
margin:1.5rem 0 0.4rem;
}
p,ul,ol,dl,table{margin-bottom:0.95rem}
p,li,dd,td,th{font-size:clamp(0.95rem,1.6vw,1.02rem);font-weight:300;color:rgba(212,216,222,0.86)}
strong{font-weight:600;color:var(--heading)}
ul,ol{padding-left:1.3rem}
li{margin-bottom:0.4rem}
li::marker{color:var(--accent)}
.lead{font-size:clamp(1.02rem,2vw,1.15rem);color:var(--text)}
.meta{font-size:0.8rem;color:var(--text-dim);letter-spacing:0.03em}
code{font-family:Consolas,'Courier New',monospace;font-size:0.9em;color:var(--heading);overflow-wrap:anywhere}

.note{
border:1px solid var(--border);
border-left:3px solid var(--accent);
background:var(--panel);
padding:0.9rem 1.1rem;
margin:1.2rem 0 1.3rem;
}
.note p:last-child,.note ul:last-child{margin-bottom:0}

/* proces krok po kroku */
.steps{list-style:none;padding:0;counter-reset:s;margin:1.2rem 0 1.4rem}
.steps li{
counter-increment:s;
position:relative;
padding:0.75rem 0.9rem 0.75rem 3.1rem;
border:1px solid var(--border);
background:var(--panel);
margin-bottom:0.5rem;
}
.steps li::before{
content:counter(s);
position:absolute;
left:0.9rem;
top:0.72rem;
width:1.55rem;
height:1.55rem;
border:1px solid var(--accent);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-family:'Audiowide',Arial,sans-serif;
font-size:0.72rem;
color:var(--accent);
}
.steps strong{display:block;margin-bottom:0.15rem}

/* dane rejestrowe */
.company{display:grid;grid-template-columns:max-content 1fr;gap:0.25rem 1.2rem}
.company dt{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--text-dim);padding-top:0.2rem}
.company dd{margin:0}

/* tabele — przewijane w swoim pudełku, nigdy cała strona */
.table-wrap{overflow-x:auto;margin-bottom:1.1rem;border:1px solid var(--border)}
table{border-collapse:collapse;width:100%;min-width:520px;margin:0}
th,td{text-align:left;vertical-align:top;padding:0.6rem 0.75rem;border-bottom:1px solid var(--border)}
th{font-weight:600;color:var(--heading);font-size:0.85rem;letter-spacing:0.03em;background:var(--panel)}
tr:last-child td{border-bottom:0}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.7rem;margin:1.2rem 0 1.4rem;max-width:none}
.card{display:block;border:1px solid var(--border);background:var(--panel);padding:0.95rem 1rem;text-decoration:none}
.card:hover{border-color:rgba(74,184,255,0.55)}
.card b{display:block;font-family:'Audiowide',Arial,sans-serif;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;font-size:0.8rem;color:var(--heading);margin-bottom:0.3rem}
.card span{font-size:0.86rem;color:var(--text-dim);line-height:1.5}

/* ---------- stopka (jak na stronie głównej) ---------- */
footer{
border-top:1px solid var(--border);
padding:1.4rem 16px 1.8rem;
text-align:center;
font-size:0.74rem;
color:var(--text-dim);
letter-spacing:0.06em;
}
.contact-line{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:0.35rem 1.1rem;
margin-bottom:0.6rem;
}
.contact-line .label{text-transform:uppercase;letter-spacing:0.16em;font-size:0.62rem;margin-right:0.35rem}
.contact-line .value{color:var(--text)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.3rem 1.1rem;margin-bottom:0.6rem}
.footer-links a{color:var(--text-dim);text-decoration:none}
.footer-links a:hover{color:var(--accent)}

@media (max-width:600px){
main{padding-top:1.8rem}
.company{grid-template-columns:1fr;gap:0.05rem}
.company dd{margin-bottom:0.5rem}
.brand small{display:block;margin:0.15rem 0 0}
}
@media print{
body{background:#fff;color:#000}
.top,.docnav,footer .footer-links{display:none}
p,li,dd,td,th,h1,h2,h3,strong{color:#000}
a{color:#000}
}