/* Arkusz bazowy podstron huba (konektor, cennik, produkty, metodologia): tokeny Lawtern z styles.css. Bez inline, zgodnie z CSP (style-src 'self').
   29.10.2026: nagłówek w naglowek.css, kolumna treści tej samej szerokości co nagłówek i strona główna (var(--container) i var(--gutter)). */
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body)}
.lw-main{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:var(--space-8) var(--gutter) var(--space-9);box-sizing:border-box}
.lw-prose{display:flex;flex-direction:column;gap:var(--space-4)}
.lw-prose>*,.lw-prose section>*{margin:0}
.lw-prose h1{font:var(--type-display-3);letter-spacing:var(--tracking-display);color:var(--text-strong)}
.lw-lede{font:var(--type-body-lg);color:var(--text-muted);max-width:68ch}
.lw-prose h2{font:var(--type-title);color:var(--text-strong);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line-hairline);scroll-margin-top:96px}
.lw-prose h3{font:var(--type-label);color:var(--text-strong);margin-top:var(--space-5)}
.lw-prose p,.lw-prose li{max-width:72ch}
.lw-prose section{display:flex;flex-direction:column;gap:var(--space-4)}
.lw-prose section h2{margin-top:var(--space-6)}
.lw-prose code{font:var(--type-code);background:var(--surface-sunken);padding:1px 6px;border-radius:var(--radius-sm);overflow-wrap:anywhere}
.lw-prose a{overflow-wrap:anywhere}
.lw-note{font:var(--type-body-sm);color:var(--text-muted)}
.lw-steps{list-style:none;padding:0;margin:0;counter-reset:step;display:flex;flex-direction:column;gap:var(--space-4)}
.lw-steps>li{counter-increment:step;position:relative;padding-left:44px;max-width:72ch}
.lw-steps>li::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font:var(--type-meta);color:var(--navy-700)}
.lw-steps .lw-copy{margin-top:var(--space-2)}
.lw-copy{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--line-hairline);background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);max-width:72ch}
.lw-copy code{flex:1;background:none;padding:0;font:var(--type-code);color:var(--text-strong);min-width:0}
.lw-copy button{font:var(--type-label);color:var(--navy-1000);background:var(--white);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:0 14px;min-height:36px;cursor:pointer;flex:none}
.lw-copy button:hover{background:var(--surface-sunken)}
.lw-button{display:inline-flex;align-items:center;min-height:var(--control-h);box-sizing:border-box;padding:0 22px;border-radius:var(--radius-md);background:var(--navy-1000);color:var(--text-on-inverse);font:var(--type-label);text-decoration:none}
.lw-button:hover{background:var(--navy-900)}
.lw-button.is-secondary{background:transparent;color:var(--navy-1000);border:1px solid var(--line-strong)}
.lw-button.is-secondary:hover{background:var(--surface-sunken)}
.lw-tablist{display:flex;gap:var(--space-2);border-bottom:1px solid var(--line-hairline);overflow-x:auto;margin-top:var(--space-6)}
.lw-tab{flex:0 0 auto;min-height:44px;padding:8px 18px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-muted);font:var(--type-label);cursor:pointer}
.lw-tab:hover{color:var(--text-strong)}
.lw-tab[aria-selected="true"]{color:var(--text-strong);border-bottom-color:var(--navy-700)}
.lw-prose :focus-visible,.lw-button:focus-visible{outline:2px solid var(--navy-700);outline-offset:2px}
.lw-tab:focus-visible{outline-offset:-2px}
.is-tabbed section{padding-top:var(--space-5)}
.is-tabbed section>h2{margin-top:0;padding-top:0;border-top:0}
.lw-prose section[hidden]{display:none}
@media (max-width:900px){
.is-tabbed section>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}