:root{--bg:#061513;--bg2:#0b211d;--surface:#102c27;--surface2:#153832;--text:#ecfff9;--muted:#a8c2bb;--primary:#43d7ae;--primary2:#1fb78e;--line:#285047;--danger:#ff6b6b;--shadow:0 24px 60px rgba(0,0,0,.28);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(67,215,174,.12),transparent 28%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,100%)}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,21,19,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(67,215,174,.12)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.18rem}.brand img{width:38px;height:38px;border-radius:10px}.site-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-link{padding:9px 11px;color:var(--muted);border-radius:11px;font-size:.92rem}.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(67,215,174,.1)}.lang-switch{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.lang-switch button{border:0;background:transparent;color:var(--muted);padding:8px 10px;cursor:pointer}.lang-switch button.active{background:var(--primary);color:#062019;font-weight:800}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:7px 10px}.hero{padding:92px 0 76px}.hero-grid{display:block;max-width:856px;margin-left:auto;margin-right:auto}.eyebrow{display:inline-block;color:var(--primary);font-size:.78rem;letter-spacing:.15em;font-weight:800;margin-bottom:15px}.hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.1rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;max-width:930px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.25rem)}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 17px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 19px;border-radius:14px;font-weight:750;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#062019}.btn.secondary{border-color:var(--line);background:rgba(255,255,255,.02)}.btn:hover{transform:translateY(-1px)}.micro{color:var(--muted);font-size:.88rem}.hero-banner{position:relative;margin-top:34px;width:100%;border:1px solid rgba(67,215,174,.34);border-radius:30px;padding:9px;background:linear-gradient(145deg,rgba(67,215,174,.13),rgba(11,33,29,.92));box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 45px rgba(67,215,174,.08);overflow:hidden}.hero-banner img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 12px 32px rgba(0,0,0,.34)}.hero-banner img[data-lang-block="en"]{display:none}body.lang-en .hero-banner img[data-lang-block="pl"]{display:none}body.lang-en .hero-banner img[data-lang-block="en"]{display:block}.hero-card{min-height:430px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(67,215,174,.16),rgba(11,33,29,.8));display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card img{width:118px;border-radius:28px;position:relative;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.4)}.hero-card span{position:absolute;bottom:34px;color:var(--muted)}.map-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(67,215,174,.25);border-radius:50%;box-shadow:0 0 0 48px rgba(67,215,174,.04),0 0 0 96px rgba(67,215,174,.025)}.voice-wave{position:absolute;top:60px;display:flex;gap:6px;align-items:center}.voice-wave i{display:block;width:5px;background:var(--primary);border-radius:5px;opacity:.75}.voice-wave i:nth-child(1),.voice-wave i:nth-child(7){height:12px}.voice-wave i:nth-child(2),.voice-wave i:nth-child(6){height:24px}.voice-wave i:nth-child(3),.voice-wave i:nth-child(5){height:38px}.voice-wave i:nth-child(4){height:52px}.section{padding:78px 0}.section.alt{background:rgba(255,255,255,.025);border-block:1px solid rgba(67,215,174,.08)}.section-head{max-width:760px;margin-bottom:36px}.section h2,.prose h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.feature,.use,.method,.side-card,.notice,.contact-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(21,56,50,.78),rgba(11,33,29,.72));padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.12)}.feature h3,.use h3{margin:15px 0 8px}.feature p,.use p,.notice p,.side-card li{color:var(--muted)}.icon,.number{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(67,215,174,.13);color:var(--primary);font-weight:900}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}.notice{border-color:rgba(67,215,174,.35)}.notice.danger{border-color:rgba(255,107,107,.4)}.notice.danger h3{color:var(--danger)}.text-link{color:var(--primary);font-weight:750}.page-hero{padding:76px 0 58px;border-bottom:1px solid rgba(67,215,174,.1);background:linear-gradient(180deg,rgba(67,215,174,.07),transparent)}.danger-hero{background:linear-gradient(180deg,rgba(255,107,107,.07),transparent)}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.meta span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem}.prose{color:var(--muted)}.prose h2,.prose h3{color:var(--text);scroll-margin-top:100px}.prose h2{margin-top:46px}.prose h3{margin:28px 0 8px}.prose p,.prose li{max-width:76ch}.prose li{margin:7px 0}.prose strong{color:var(--text)}.prose a{color:var(--primary);text-decoration:underline}.prose-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:52px}.side-card{position:sticky;top:110px}.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px}.toc{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(16,44,39,.6)}.toc strong{margin-bottom:8px}.toc a{padding:7px 9px;color:var(--muted);border-radius:8px;font-size:.92rem}.toc a:hover{color:var(--text);background:rgba(67,215,174,.08)}.callout,.warning{padding:16px 18px;margin:22px 0;border-left:3px solid var(--primary);border-radius:0 12px 12px 0;background:rgba(67,215,174,.08);color:var(--text)}.warning{border-color:#f2b84b;background:rgba(242,184,75,.08)}details{border:1px solid var(--line);border-radius:15px;margin:12px 0;background:rgba(16,44,39,.48)}summary{cursor:pointer;padding:16px 18px;font-weight:750;color:var(--text)}details p,details .text-link{padding:0 18px 16px;margin:0}.method .number{margin-bottom:18px}.contact-card{margin-top:34px}.legal h2{font-size:1.7rem}.legal p{max-width:none}.site-footer{border-top:1px solid rgba(67,215,174,.12);padding:54px 0 22px;background:#04100e}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid h3{margin:0 0 8px}.footer-grid a,.footer-grid p,.footer-bottom{color:var(--muted)}.footer-brand img{width:32px;height:32px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:.85rem}[data-lang-block="en"]{display:none}body.lang-en [data-lang-block="pl"]{display:none}body.lang-en [data-lang-block="en"]{display:block}@media(max-width:900px){.site-nav{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:stretch;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:16px}.site-nav.open{display:flex}.menu-toggle{display:block}.lang-switch{margin-left:0}.hero-grid,.split,.prose-grid,.guide-layout{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:1fr}.toc,.side-card{position:static}.toc{display:none}.hero-card{min-height:330px}.hero{padding-top:60px}}@media(max-width:620px){.container{width:min(100% - 24px,1160px)}.hero h1,.page-hero h1{font-size:2.5rem}.cards.four,.cards.two,.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}.hero{padding:50px 0}.hero-grid{gap:38px}.footer-bottom{flex-direction:column}.nav-wrap{gap:10px}.brand span{display:none}.feature,.use,.method,.side-card,.notice,.contact-card{padding:22px}}

.support-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;border:1px solid rgba(67,215,174,.35);border-radius:28px;padding:34px;background:linear-gradient(135deg,rgba(67,215,174,.12),rgba(16,44,39,.8));box-shadow:var(--shadow)}.support-panel h2{margin-bottom:12px}.support-panel .lead{margin:0 0 10px}.support-btn{gap:9px;white-space:nowrap}.stripe-footer-link{color:var(--primary)!important;font-weight:750}@media(max-width:760px){.support-panel{grid-template-columns:1fr;padding:25px}.support-btn{width:100%;white-space:normal;text-align:center}}

.document-en{display:none}body.lang-en .document-pl{display:none}body.lang-en .document-en{display:block}.document-section{padding-top:1.5rem;background:linear-gradient(180deg,rgba(10,44,38,.3),rgba(6,21,19,0))}.markdown-document{color:var(--text);background:linear-gradient(145deg,rgba(16,44,39,.94),rgba(8,31,27,.96));border:1px solid rgba(67,215,174,.2);border-radius:24px;padding:clamp(24px,4vw,46px);box-shadow:0 22px 55px rgba(0,0,0,.24)}.markdown-document h2,.markdown-document h3{color:#effff9;font-weight:800}.markdown-document p,.markdown-document li{color:#b9d9d0;font-size:1rem;line-height:1.78}.markdown-document a{color:#67e3bd;text-decoration:underline}.notice,.notice.danger{background:linear-gradient(145deg,rgba(16,44,39,.96),rgba(8,31,27,.98));border-color:rgba(67,215,174,.42);color:#c7e1da}.notice h2,.notice h3,.notice.danger h2,.notice.danger h3{color:#effff9}.notice p,.notice li,.notice.danger p,.notice.danger li{color:#c7e1da}@media(max-width:640px){.markdown-document{padding:22px 18px;border-radius:18px}}

/* =========================================================
   VOICEDROP UNIFIED COLOR SYSTEM
   One consistent dark-green and turquoise palette site-wide
   ========================================================= */
:root {
  --vd-bg: #061513;
  --vd-bg-deep: #04100e;
  --vd-bg-soft: #0a201c;
  --vd-surface: #0d2a24;
  --vd-surface-hover: #12372f;
  --vd-surface-strong: #16463b;
  --vd-text: #ecfff9;
  --vd-text-soft: #c3ddd5;
  --vd-muted: #9fbbb3;
  --vd-primary: #43d7ae;
  --vd-primary-hover: #59e3bd;
  --vd-primary-strong: #1fb78e;
  --vd-on-primary: #052018;
  --vd-line: #245247;
  --vd-line-strong: #2d6b5b;
  --vd-glow: rgba(67, 215, 174, .12);
  --vd-shadow: 0 22px 52px rgba(0, 0, 0, .26);

  --bg: var(--vd-bg);
  --bg2: var(--vd-bg-soft);
  --surface: var(--vd-surface);
  --surface2: var(--vd-surface-hover);
  --text: var(--vd-text);
  --muted: var(--vd-muted);
  --primary: var(--vd-primary);
  --primary2: var(--vd-primary-strong);
  --line: var(--vd-line);
  --shadow: var(--vd-shadow);
}

body {
  background:
    radial-gradient(circle at 84% 4%, var(--vd-glow), transparent 30%),
    linear-gradient(180deg, var(--vd-bg) 0%, var(--vd-bg-deep) 100%);
  color: var(--vd-text);
}

.site-header {
  background: rgba(4, 16, 14, .91);
  border-bottom-color: rgba(67, 215, 174, .14);
}

.nav-link { color: var(--vd-muted); }
.nav-link:hover,
.nav-link.active {
  color: var(--vd-text);
  background: rgba(67, 215, 174, .11);
}

.lang-switch { border-color: var(--vd-line); }
.lang-switch button { color: var(--vd-text-soft); }
.lang-switch button.active {
  color: var(--vd-on-primary);
  background: var(--vd-primary);
}

.eyebrow,
.stripe-footer-link {
  color: var(--vd-primary) !important;
}

.page-hero,
.hero {
  background: linear-gradient(110deg, rgba(7, 28, 24, .7), rgba(12, 48, 40, .48));
  border-bottom-color: rgba(67, 215, 174, .14);
}

.lead,
.hero p,
.page-hero p,
.prose p,
.prose li,
.feature p,
.use p,
.method p,
.side-card p,
.contact-card p {
  color: var(--vd-text-soft);
}

.section.alt {
  background: rgba(10, 32, 28, .58);
}

.feature,
.use,
.method,
.side-card,
.contact-card,
.hero-card,
.prose,
.markdown-document,
.notice,
.notice.danger,
.support-panel {
  background: linear-gradient(145deg, rgba(13, 42, 36, .96), rgba(7, 27, 23, .98));
  border-color: var(--vd-line);
  color: var(--vd-text);
  box-shadow: var(--vd-shadow);
}

.feature:hover,
.use:hover,
.method:hover,
.contact-card:hover {
  border-color: var(--vd-line-strong);
  background: linear-gradient(145deg, rgba(18, 55, 47, .97), rgba(9, 34, 29, .99));
}

.feature h2,
.feature h3,
.use h2,
.use h3,
.method h2,
.method h3,
.side-card h2,
.side-card h3,
.contact-card h2,
.contact-card h3,
.notice h2,
.notice h3,
.notice.danger h2,
.notice.danger h3,
.markdown-document h2,
.markdown-document h3 {
  color: var(--vd-text);
}

.notice,
.notice.danger {
  border-color: var(--vd-line-strong);
}
.notice p,
.notice li,
.notice.danger p,
.notice.danger li,
.markdown-document p,
.markdown-document li {
  color: var(--vd-text-soft);
}

.btn.primary,
button.primary,
.support-btn {
  background: var(--vd-primary);
  border-color: var(--vd-primary);
  color: var(--vd-on-primary);
}
.btn.primary:hover,
button.primary:hover,
.support-btn:hover {
  background: var(--vd-primary-hover);
  border-color: var(--vd-primary-hover);
  color: var(--vd-on-primary);
}

.btn.secondary,
.btn.ghost,
button.secondary {
  background: transparent;
  border-color: var(--vd-line-strong);
  color: var(--vd-text);
}
.btn.secondary:hover,
.btn.ghost:hover,
button.secondary:hover {
  background: rgba(67, 215, 174, .1);
  border-color: var(--vd-primary-strong);
}

.step-number,
.number,
.badge {
  background: rgba(67, 215, 174, .13);
  color: var(--vd-primary);
  border-color: rgba(67, 215, 174, .24);
}

.markdown-document a,
.prose a,
.notice a,
.site-footer a:hover {
  color: var(--vd-primary-hover);
}

.site-footer {
  background: var(--vd-bg-deep);
  border-top-color: rgba(67, 215, 174, .15);
}
.footer-grid a,
.footer-grid p,
.footer-bottom {
  color: var(--vd-muted);
}
.footer-grid h3,
.footer-brand {
  color: var(--vd-text);
}
.footer-bottom { border-top-color: var(--vd-line); }

input,
textarea,
select {
  background: var(--vd-bg-soft);
  border-color: var(--vd-line);
  color: var(--vd-text);
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--vd-primary);
  outline-color: rgba(67, 215, 174, .28);
}

/* Document pages use a distinctly deeper background */
body.document-page {
  background:
    radial-gradient(circle at 82% 3%, rgba(67, 215, 174, .055), transparent 28%),
    linear-gradient(180deg, #020b09 0%, #04110e 42%, #020a08 100%);
}
body.document-page .page-hero {
  background: linear-gradient(110deg, rgba(3, 14, 12, .98), rgba(6, 28, 23, .9));
  border-bottom-color: rgba(67, 215, 174, .11);
}
body.document-page .document-section {
  background: transparent;
}
body.document-page .markdown-document {
  background: linear-gradient(145deg, rgba(8, 32, 27, .98), rgba(3, 18, 15, .99));
  border-color: rgba(67, 215, 174, .24);
  box-shadow: 0 24px 58px rgba(0, 0, 0, .38);
}
body.document-page .site-footer {
  background: #020907;
}

/* About page: Idea and Mission are normal page content, not a card */
body.about-page .prose-grid > .prose {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
body.about-page .prose-grid > .prose h2:first-child {
  margin-top: 0;
}
body.about-page .prose-grid > .side-card {
  background: linear-gradient(145deg, rgba(13, 42, 36, .96), rgba(7, 27, 23, .98));
  border-color: var(--vd-line);
}

/* Identical hero bar color on every page */
.hero,
.page-hero,
body.document-page .page-hero,
body.about-page .page-hero {
  background: linear-gradient(110deg, rgba(7, 28, 24, .96), rgba(10, 43, 36, .92));
  border-bottom: 1px solid rgba(67, 215, 174, .14);
}

/* Consistent frames for content fields and cards */
.prose-grid > .prose,
.split > .prose,
.section .container > .prose,
.feature,
.use,
.method,
.side-card,
.contact-card,
.notice,
.notice.danger,
.markdown-document,
.support-panel {
  border: 1px solid var(--vd-line-strong);
  border-radius: 22px;
}

.prose-grid > .prose,
.split > .prose,
.section .container > .prose {
  padding: clamp(24px, 3vw, 34px);
  background: linear-gradient(145deg, rgba(13, 42, 36, .96), rgba(7, 27, 23, .98));
  box-shadow: var(--vd-shadow);
}

/* The Idea and Mission section intentionally remains without a frame */
body.about-page .prose-grid > .prose {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* Frame for standalone prose containers, including retained-data section */
.section > .container.prose,
.section > .container.narrow.prose {
  border: 1px solid var(--vd-line-strong);
  border-radius: 22px;
  padding: clamp(24px, 3vw, 34px);
  background: linear-gradient(145deg, rgba(13, 42, 36, .96), rgba(7, 27, 23, .98));
  box-shadow: var(--vd-shadow);
}

/* Ostateczne wyrównanie belek i strony głównej */
.page-hero{height:356px;min-height:356px;display:flex;align-items:center;padding:64px 0}.page-hero>.container{width:min(820px,calc(100% - 36px))}.page-hero .eyebrow{display:block;margin:0 0 15px}.page-hero h1{margin:0;min-height:2.04em}.page-hero h1 .hero-title-line{display:block}.hero-title-placeholder{visibility:hidden;pointer-events:none}.section-intro,.about-intro{color:var(--vd-text-soft);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.75;margin:0 0 34px;max-width:760px}
@media(min-width:900px){body.document-page .page-hero h1 .hero-title-line{white-space:nowrap}.hero .hero-grid{position:relative;left:18px;transform:translateY(-7px)}}
@media(max-width:620px){.page-hero{height:330px;min-height:330px;padding:44px 0}.page-hero>.container{width:min(100% - 24px,820px)}}
.document-loading{color:var(--vd-muted);margin:0}.document-load-error{padding:18px;border:1px solid var(--vd-line-strong);border-radius:16px;background:rgba(67,215,174,.06)}.document-load-error h2{margin-top:0}

/* Responsywne logo i naglowek na malych ekranach */
@media (max-width: 620px) {
  .nav-wrap {
    gap: 8px;
  }

  .brand {
    flex: 1 1 auto;
    min-width: 0;
    gap: 8px;
    font-size: 1rem;
  }

  .brand span {
    display: inline;
    white-space: nowrap;
  }

  .brand img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  .menu-toggle {
    flex: 0 0 auto;
    margin-left: 0;
  }

  .lang-switch {
    flex: 0 0 auto;
  }

  .lang-switch button {
    padding: 7px 9px;
  }
}

@media (max-width: 390px) {
  .container {
    width: min(100% - 16px, 1160px);
  }

  .nav-wrap {
    gap: 6px;
  }

  .brand {
    gap: 6px;
    font-size: 0.9rem;
  }

  .brand img {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .menu-toggle {
    padding: 6px 8px;
  }

  .lang-switch button {
    padding: 6px 7px;
    font-size: 0.82rem;
  }
}

/* Przywrocone kolory i rozmiary naglowkow dokumentow */
.markdown-document h2 {
  font-size: clamp(1.4rem, 2.4vw, 1.7rem);
  line-height: 1.25;
  font-weight: 750;
  color: var(--vd-primary-hover, #59e3bd);
  letter-spacing: -0.015em;
  margin-top: 2rem;
  margin-bottom: 0.8rem;
}

.markdown-document h2:first-child {
  margin-top: 0;
}

@media (max-width: 640px) {
  .markdown-document h2 {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}

/* Strona glowna: osobny naglowek i sekcja opisu */
.home-page-hero h1 { max-width: 930px; }
.home-hero-content .hero-grid { max-width: 856px; }
.home-hero-content .lead { margin-top: 0; }

/* Wszystkie naglowki stron maja ten sam rozmiar */
.page-hero,
.home-page-hero {
  height: 285px;
  min-height: 285px;
  padding-top: 42px;
  padding-bottom: 42px;
}

/* Naglowek strony glownej ma dokladnie kolor naglowkow podstron */
.page-hero,
.home-page-hero,
body.document-page .page-hero,
body.about-page .page-hero {
  background: linear-gradient(110deg, rgba(7, 28, 24, .96), rgba(10, 43, 36, .92));
  border-bottom: 1px solid rgba(67, 215, 174, .14);
}

/* Naprzemienne kolory sekcji strony glownej */
main > section.home-tone-dark {
  background: #04100e;
  border-top: 0;
  border-bottom: 1px solid rgba(67, 215, 174, .12);
}
main > section.home-tone-light {
  background: #0a201c;
  border-top: 0;
  border-bottom: 1px solid rgba(67, 215, 174, .14);
}

@media (max-width: 620px) {
  .page-hero,
  .home-page-hero {
    height: 270px;
    min-height: 270px;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .home-hero-content {
    padding-top: 44px;
    padding-bottom: 50px;
  }
}

/* Menu punktow dokumentow */
.document-layout{width:min(1160px,calc(100% - 36px));display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}.document-toc{position:sticky;top:104px;max-height:calc(100vh - 128px);overflow:auto;padding:20px 18px;border:1px solid var(--vd-line-strong,#2d6b5b);border-radius:18px;background:linear-gradient(145deg,rgba(13,42,36,.96),rgba(7,27,23,.98))}.document-toc-title{display:block;margin-bottom:12px;color:var(--vd-text,#ecfff9)}.document-toc-links{display:flex;flex-direction:column;gap:3px}.document-toc-links a{padding:7px 9px;border-radius:9px;color:var(--vd-text-soft,#c3ddd5);font-size:.91rem}.document-toc-links a:hover{color:var(--vd-text,#ecfff9);background:rgba(67,215,174,.11)}.markdown-document h2[id]{scroll-margin-top:100px}@media(max-width:900px){.document-layout{width:min(820px,calc(100% - 36px));grid-template-columns:1fr;gap:24px}.document-toc{position:static;max-height:none}.document-toc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.document-layout{width:min(100% - 24px,820px);gap:18px}.document-toc-links{grid-template-columns:1fr}}

/* Pola Wazne */
aside.notice.danger.important-notice{background:linear-gradient(145deg,rgba(16,44,39,.96),rgba(8,31,27,.98));border:1px solid #ff6b6b}aside.notice.danger.important-notice h3{color:#ff6b6b}

/* Paski przewijania dopasowane do kolorystyki VoiceDrop */
html {
  scrollbar-color: var(--vd-primary-strong, #1fb78e) var(--vd-bg-deep, #04100e);
  scrollbar-width: thin;
}

* {
  scrollbar-color: var(--vd-primary-strong, #1fb78e) var(--vd-bg-soft, #0a201c);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--vd-bg-deep, #04100e);
}

::-webkit-scrollbar-thumb {
  background: var(--vd-primary-strong, #1fb78e);
  border: 3px solid var(--vd-bg-deep, #04100e);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--vd-primary-hover, #59e3bd);
}

::-webkit-scrollbar-corner {
  background: var(--vd-bg-deep, #04100e);
}

.document-toc::-webkit-scrollbar {
  width: 10px;
}

.document-toc::-webkit-scrollbar-track {
  background: transparent;
  margin-block: 10px;
}

.document-toc::-webkit-scrollbar-thumb {
  background: var(--vd-primary-strong, #1fb78e);
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 999px;
}

.document-toc::-webkit-scrollbar-thumb:hover {
  background: var(--vd-primary-hover, #59e3bd);
  background-clip: padding-box;
}