:root{color-scheme:dark;--bg:#0b1020;--panel:#131c31;--border:#29334d;--text:#e8edfa;--muted:#a5b0c8;--accent:#89b6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;background:#0b1020ef;backdrop-filter:blur(12px);z-index:2}.logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750}.mark{background:linear-gradient(130deg,#2a6ae8,#64b5ff);padding:1px 12px;border-radius:11px;color:white;font-size:21px}.doc{color:var(--muted);font-size:13px;font-weight:400}.toplink{color:var(--accent);font-size:13px}.layout{display:grid;grid-template-columns:250px minmax(0,880px);gap:65px;max-width:1260px;margin:auto}.sidebar{position:sticky;top:92px;align-self:start;padding:25px 8px 20px 25px;display:flex;flex-direction:column;gap:2px}.sidebar a{color:var(--muted);font-size:14px;padding:6px 12px;border-radius:7px}.sidebar a:hover{background:var(--panel);color:white}.smalltitle{font-size:10px;letter-spacing:1.7px;color:#71829f;font-weight:800;padding:20px 12px 5px}main{padding:50px 32px 80px 0;min-width:0}section{padding:43px 0 36px;border-bottom:1px solid #263048;scroll-margin-top:85px}.hero{padding-top:32px}.eyebrow{color:#78aafa;font-size:11px;font-weight:800;letter-spacing:2px}h1{font-size:60px;letter-spacing:-2.7px;margin:10px 0 12px;line-height:1.15}h2{font-size:30px;letter-spacing:-1px;margin:8px 0 20px;line-height:1.22}h3{font-size:18px;margin:29px 0 8px}p{color:var(--muted);margin:10px 0 17px}.lead{font-size:19px;line-height:1.65;max-width:760px;color:#d4dced}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.pills span,.scopes code{background:#17233c;border:1px solid #31456c;border-radius:20px;color:#bcd5ff;padding:5px 12px;font-size:12px}.note{font-size:13px;color:#8392b0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cards article,.callout,.warning{padding:19px 21px;border:1px solid var(--border);background:var(--panel);border-radius:13px}.cards h3{margin:0 0 8px}.cards p{font-size:13px;margin:0}.scheme{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:25px 12px}.scheme div{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:17px;flex:1;font-weight:700}.scheme small{color:var(--muted);font-weight:400}.scheme span{color:var(--accent)}.callout{border-left:4px solid #458af6}.callout p,.warning p{margin-bottom:0}.warning{border-color:#78603d;background:#231e19;margin-top:17px}.warning strong{color:#ffd39d}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px;vertical-align:top}th{color:#bcd5ff;background:var(--panel)}code{font-size:12px;color:#a4c8ff;overflow-wrap:anywhere}.scopes{display:flex;flex-wrap:wrap;gap:7px}.scopes code{border-radius:8px}.placeholder{color:#ffd39d;font-weight:700}footer{padding-top:32px;font-size:12px;color:#7282a0}@media(max-width:820px){.layout{display:block}.sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:2px;padding:16px;border-bottom:1px solid var(--border)}.smalltitle{display:none}.top{padding:0 18px}main{padding:24px 20px 70px}.cards{grid-template-columns:1fr}h1{font-size:43px}.scheme{gap:6px}.scheme div{padding:10px 5px;font-size:12px}.scheme span{font-size:12px}}

.steps{padding-left:1.5rem;line-height:1.75}.steps li{margin-bottom:.7rem}.steps strong{color:var(--text,#e7eaf0)}

/* Identyfikacja wizualna SubBase */
.brand-icon{width:42px;height:42px;border-radius:12px;object-fit:cover;display:block;box-shadow:0 3px 14px #0005}
.brand-name{letter-spacing:-.35px}
.top{box-shadow:0 1px 0 #ffffff06}
.toplink{border:1px solid #304465;padding:7px 12px;border-radius:8px}
.toplink:hover,.sidebar a:hover{background:#1c2a46}
.hero{background:radial-gradient(ellipse at 95% 12%,#21549a2a,transparent 55%)}
.hero h1{font-size:64px}
.hero .lead{color:#dce7f7}
.technical{margin-top:20px}
.cards article{transition:transform .15s ease,border-color .15s ease}
.cards article:hover{transform:translateY(-2px);border-color:#44618e}
.steps{padding-left:22px}
li{margin:5px 0;color:var(--muted)}
li strong{color:var(--text)}
.scheme{flex-wrap:nowrap}
@media(max-width:820px){.hero h1{font-size:46px}.brand-icon{width:35px;height:35px}.doc{font-size:12px}.top{height:65px}}
@media(max-width:520px){.scheme{flex-direction:column;align-items:stretch}.scheme span{text-align:center;transform:rotate(90deg)}.toplink{font-size:12px}.brand-name{font-size:17px}.doc{display:none}th,td{padding:9px;font-size:12px}}

/* Dokumentacja SubBase: usprawnienia czytelności i nawigacji */
.skip-link{position:absolute;left:12px;top:-60px;background:#243e6a;color:#fff;padding:8px 12px;border-radius:8px;z-index:10}
.skip-link:focus{top:10px}
.section-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.section-jumps a{display:inline-block;border:1px solid #334562;background:#15223a;color:#d6e5fb;border-radius:9px;font-size:12px;padding:6px 11px}
.section-jumps a:hover,.section-jumps a:focus-visible{border-color:#6da6ff;background:#1c3052}
:focus-visible{outline:2px solid #a8c9ff;outline-offset:3px}
section h3[id]{scroll-margin-top:88px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cards article{transition:none}}
@media(max-width:820px){.sidebar{position:static}.sidebar a{font-size:13px}}