/* Extracted from index.html */
/* Nowe style dla przycisków wariantów */
.variant-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 4% 15px; padding: 10px 0; }
.variant-btn { background: var(--s); border: 1px solid var(--bd); border-radius: 20px; padding: 8px 16px; font-size: 0.9rem; cursor: pointer; transition: all 0.3s ease; color: var(--t); }
.variant-btn:hover { background: var(--pl); color: #fff; border-color: var(--pl); }
.variant-btn.active { background: var(--p); color: #fff; border-color: var(--p); }

*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
:root{ --p:#1a5fb4; --pd:#0d4b8d; --pl:#1a5fb4; --a:#ff8c00; --t:#2d3748; --tl:#4a5568; --b:#f7fafc; --s:#ffffff; --bd:#e2e8f0; --sh:0 4px 12px rgba(26,95,180,0.1); }
html{ scroll-padding-top:80px; }
body{ background:var(--b); color:var(--t); line-height:1.6 }
header{ background:var(--s); box-shadow:var(--sh); padding:12px 0; position:sticky; top:0; z-index:100; display:flex; justify-content:space-between; align-items:center; width:100% }
.header-left{ display:flex; align-items:center; margin-left:4% }
.menu-tog{ display:flex; flex-direction:column; justify-content:space-around; width:30px; height:25px; background:transparent; border:none; cursor:pointer; padding:0; z-index:10; margin-right:15px }
.menu-tog span{ width:30px; height:3px; background:var(--p); border-radius:3px; transition:all .3s ease }
.logo{ font-weight:800; color:var(--p); text-decoration:none; font-size:1.8rem; letter-spacing:-1px; line-height:1 }
.logo span{ color:var(--pd) }
.h-info{ display:flex; align-items:center; gap:10px; margin-right:4% }
.loan{ background:var(--pl); color:#fff; padding:6px 12px; border-radius:20px; font-size:.8rem; font-weight:600 }
.nav-menu{ position:fixed; top:0; left:-100%; width:80%; max-width:320px; height:100vh; background:var(--s); box-shadow:5px 0 15px rgba(0,0,0,0.1); padding:80px 20px 20px; transition:left .3s ease; z-index:99 }
.nav-menu.active{ left:0 }
.nav-menu ul{ list-style:none }
.nav-menu li{ margin-bottom:15px }
.nav-menu a{ display:block; padding:12px 15px; background:#f1f5f9; border-radius:8px; text-decoration:none; color:var(--t); font-weight:600; transition:all .3s ease }
.nav-menu a:hover{ background:var(--pl); color:#fff }
.menu-ov{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:all .3s ease; z-index:98 }
.menu-ov.active{ opacity:1; visibility:visible }
.cont{ max-width:1400px; margin:0 auto; padding:15px 5% }
.s-title{ margin:20px 4% 15px; padding-bottom:8px; border-bottom:2px solid var(--pl); color:var(--pd); font-size:1.4rem }
.intro{ background:var(--s); border-radius:8px; padding:20px; margin:0 4% 20px; box-shadow:var(--sh); border:1px solid var(--bd) }
.privacy-content{ background:var(--s); border-radius:8px; padding:20px; margin:0 4% 20px; box-shadow:var(--sh); border:1px solid var(--bd) }
.t-cont{ overflow-x:auto; margin-bottom:30px; background:var(--s); box-shadow:var(--sh); border-radius:8px; border:1px solid var(--bd); max-width:1200px; margin:0 auto; }
.r-tab{ width:100%; min-width:100%; border-collapse:collapse }
.r-tab th{ background:var(--p); color:#fff; font-weight:600; padding:12px 10px; text-align:left; position:relative; cursor:pointer; user-select:none }
.r-tab th:first-child{ border-radius:8px 0 0 0 }
.r-tab th:last-child{ border-radius:0 8px 0 0 }
.r-tab th.sort::after{ content:"↕"; position:absolute; right:8px; opacity:.7; font-size:.8em }
.r-tab th.s-asc::after{ content:"↑"; opacity:1 }
.r-tab th.s-desc::after{ content:"↓"; opacity:1 }
.r-tab td{ padding:10px; border-bottom:1px solid var(--bd) }
.r-tab tr:last-child td{ border-bottom:none }
.r-tab tr:nth-child(even){ background:#f8fafc }
.r-tab .vc{ text-align:center }
.r-tab tr:nth-child(even) .lc{ background:#f8fafc }

/* Homepage table: full-bleed with 2px gutter on both sides */
body:not(.article) .t-cont{
  /* Pull out of the parent .cont horizontal padding (5%) but keep 2px gutter */
  margin-left: calc(-5% + 2px);
  margin-right: calc(-5% + 2px);
}

.lc{ position:sticky; left:0; background:#fff; z-index:2; min-width:120px; padding-right:10px; box-shadow:2px 0 3px rgba(0,0,0,0.05) }
.r-tab tr:nth-child(even) .lc{ background:#f8fafc }
.l-info{ display:flex; align-items:center; gap:8px }
.l-logo{ width:32px; height:32px; border-radius:50%; background:#2045be; display:flex; align-items:center; justify-content:center; font-weight:bold; color:#fff; font-size:12px; flex-shrink:0 }
.l-name{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.9rem }
.vc{ font-weight:600; color:var(--t); white-space:nowrap; font-size:0.9rem }
.ac{ padding:6px 8px }
.btn{ display:block; background:var(--p); color:#fff; text-align:center; padding:8px 10px; border-radius:5px; text-decoration:none; font-weight:600; transition:all .3s ease; border:none; cursor:pointer; width:100%; font-size:0.85rem }
.btn:hover{ background:var(--pd) }
.btn-sm{ padding:5px 8px; font-size:.75rem; background:#f1f5f9; color:var(--t); margin-top:4px }
.btn-sm:hover{ background:#e2e8f0 }
.stars{ color:var(--a); font-size:.9rem; display:flex; gap:1px; align-items:center; }
.stars svg{ width:16px; height:16px; fill:currentColor; }
.lr{ display:none }
.lr.active{ display:table-row }
.lnc{ padding:15px; background:#f8fafc; border-radius:0; font-size:0.85rem; overflow-wrap:break-word; border-top:1px solid var(--bd) }
.lnc h4{ margin-bottom:8px; color:var(--pd); font-size:1rem }
.ex{ margin-top:8px; padding:8px; background:#dbeafe; border-left:3px solid var(--pl); font-size:.8rem }
.i-sec{ margin:30px 0 }
.acc{ margin-top:15px }
.acc-i{ background:var(--s); border-radius:6px; margin-bottom:8px; box-shadow:var(--sh); overflow:hidden; border:1px solid var(--bd) }
.acc-h{ padding:15px; background:var(--s); font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; transition:background .3s ease; font-size:1rem }
.acc-h:hover{ background:#f1f5f9 }
.acc-h::after{ content:"+"; font-size:1.1rem; transition:transform .3s ease; color:var(--pl) }
.acc-h.active::after{ transform:rotate(45deg) }
.acc-c{ padding:0 15px; max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; font-size:0.9rem }
.acc-c.active{ padding:0 15px 15px; max-height:1000px }
.f-cat{ margin-top:20px; padding-bottom:8px; border-bottom:1px solid var(--bd); color:var(--pd); font-size:1.2rem; margin-left:4% }
footer{ background:var(--pd); color:#fff; padding:25px 0; margin-top:40px; width:100% }
.f-cont{ max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; padding:0 4% }
.f-sec{ flex:1; min-width:220px }
.f-sec h3{ margin-bottom:15px; font-size:1.1rem; color:#e2e8f0 }
.f-links{ list-style:none }
.f-links li{ margin-bottom:8px }
.f-links a{ color:#cbd5e1; text-decoration:none; transition:color .3s ease; font-size:0.9rem; display:flex; align-items:center; gap:8px }
.f-links a:hover{ color:#fff }
.f-icon{ width:16px; height:16px; fill:currentColor }
.aff-note{ background:rgba(255,255,255,0.1); padding:12px; border-radius:6px; margin-top:15px; font-size:.85rem }
.copy{ text-align:center; padding-top:20px; margin-top:20px; border-top:1px solid rgba(255,255,255,0.1); font-size:.85rem; color:#cbd5e1; padding:0 4% }

/* Responsive */
@media (min-width:768px){ .logo{font-size:2.8rem} .loan{font-size:.9rem; padding:8px 15px} .s-title{font-size:1.6rem} .l-logo{width:36px;height:36px} .btn{font-size:0.9rem;padding:8px 12px} .f-icon{width:18px;height:18px} }
@media (max-width:768px){ .logo{font-size:1.6rem} .loan{display:none} .r-tab th,.r-tab td{padding:8px 6px; font-size:0.85rem} .lc{min-width:90px} .l-logo{width:28px; height:28px; font-size:11px} .l-name{font-size:0.75rem; white-space:wrap} .btn{padding:6px 8px; font-size:0.8rem} .l-info{flex-direction:column; align-items:center; text-align:center; gap:4px} .l-logo{margin:0 auto} body.article .s-title{margin:15px 7px 10px; font-size:1.2rem} body.article .cont{padding-top:12px; padding-bottom:12px; padding-left:0; padding-right:0} body.article .intro{margin:0 0 15px; padding:10px 6px; box-sizing:border-box} body.article .privacy-content{margin:0 0 16px; padding:16px 6px; box-sizing:border-box} .intro h1{font-size:1.4rem; line-height:1.3} .lr{position:relative} .lnc{position:static; width:100vw; max-width:100%; box-sizing:border-box; overflow-wrap:break-word} .f-cont{flex-direction:column; gap:15px} }
@media (max-width:360px){ .lc{min-width:80px} .l-name{font-size:0.7rem; white-space:wrap} .vc{font-size:0.8rem} .btn{font-size:0.75rem} .intro h1{font-size:1.3rem} .f-icon{width:14px; height:14px} }

/* Tables in articles */
.article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 0.95rem;
}

.article table th,
.article table td {
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  text-align: left;
  vertical-align: top;
}

.article table thead th {
  background: #f5f5f5;
  font-weight: 600;
  color: #333;
}

.article table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.article table tbody tr:hover {
  background-color: #f0f0f0;
}

/* Responsive tables */
@media (max-width: 768px) {
  .article table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
  }
  
  .article table thead {
    display: none;
  }
  
  .article table tbody {
    display: block;
    width: 100%;
  }
  
  .article table tr {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .article table tr:last-child {
    border-bottom: none;
  }
  
  .article table td {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    white-space: normal;
    text-align: left;
    min-height: 2.5em;
  }
  
  .article table td:before {
    content: attr(data-title);
    font-weight: 600;
    color: #555;
    margin-right: 10px;
    flex: 0 0 45%;
    max-width: 45%;
    word-break: break-word;
  }
  
  .article table td:after {
    content: '';
    flex: 1;
  }
  
  .article table td > * {
    flex: 0 0 50%;
    max-width: 50%;
    word-break: break-word;
  }
}

/* Responsive table container */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.table-responsive table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

/* Ensure tables in articles are fully responsive */
.article .table-responsive {
  margin: 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.article .table-responsive table {
  min-width: 100%;
  margin: 0;
}

/* Helpers to replace inline styles */
.svg-sprite{ display:none }
.l-logo--ks{ background:#006e49 }
.l-logo--sf{ background:#0047ab }
.l-logo--mb{ background:#1a9a00 }
.l-logo--al{ background:#008ecc }
.l-logo--bp{ background:#005bbb }
.l-logo--mk{ background:#ffb703 }

/* System font stack: modern, readable, no external requests */
body, button, input, select, textarea {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code, pre, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.l-logo--cb{ background:#5d4037 }
.l-logo--vb{ background:#00822e }
.l-logo--sb{ background:#d32f2f }
.l-logo--sc{ background:#7b1fa2 }
.l-logo--pv{ background:#8B4513 }