/* Controversy – Tabele rozmiarów: front */
.cj-sc-button-wrap{margin:14px 0 18px}
.cj-sc-button,.cj-sc-button:focus,.cj-sc-button:active{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;padding:0;margin:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111;line-height:1.2;text-decoration:none;box-shadow:none;outline:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.cj-sc-button:focus-visible{outline:2px solid #111;outline-offset:3px}
/* motyw (Shopkeeper) ustawia button:hover{color:#fff} – nadpisujemy ze wiekszą specyficznością, inaczej tekst „znika” */
.cj-sc-button.cj-sc-style-link,.cj-sc-button.cj-sc-style-link:hover,.cj-sc-button.cj-sc-style-link:focus{color:#111;background:transparent}
.cj-sc-button.cj-sc-style-link span{border-bottom:1px solid #111;padding-bottom:2px;transition:border-color .2s ease}
.cj-sc-button.cj-sc-style-link:hover{color:#555}
.cj-sc-button.cj-sc-style-link:hover span{border-bottom-color:#555}
.cj-sc-button.cj-sc-style-button{border:1px solid #111;padding:11px 20px;border-radius:2px;background:#fff;color:#111}
.cj-sc-button.cj-sc-style-button:hover,.cj-sc-button.cj-sc-style-button:focus-visible{background:#111;color:#fff;border-color:#111;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.cj-sc-button.cj-sc-style-button:active{box-shadow:none}
.cj-sc-button .cj-sc-icon{flex:0 0 auto;stroke:currentColor}

.cj-sc-modal[hidden]{display:none}
.cj-sc-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.cj-sc-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.cj-sc-modal__panel{position:relative;background:#fff;color:#111;width:100%;max-width:760px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:cjScIn .18s ease-out}
@keyframes cjScIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cj-sc-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #eee}
.cj-sc-modal__head h3{margin:0;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cj-sc-modal__close{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:#111;padding:0 4px}
.cj-sc-modal__close:hover{color:#111;opacity:.6}
.cj-sc-modal__close:focus{outline:none}
.cj-sc-modal__close:focus-visible{outline:2px solid #111;outline-offset:2px;border-radius:2px}
.cj-sc-modal__panel:focus{outline:none}
.cj-sc-modal__body{padding:18px 22px 24px;overflow:auto;-webkit-overflow-scrolling:touch}

.cj-sc-chart{font-size:13px;line-height:1.5}
.cj-sc-notes{margin:0 0 14px;font-size:12px;color:#444;text-transform:uppercase;letter-spacing:.04em}
.cj-sc-section-title{margin:18px 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cj-sc-section-title:first-child{margin-top:0}
.cj-sc-table-wrap{overflow-x:auto;margin:0 0 10px;border:1px solid #e3e3e3;border-radius:2px}
.cj-sc-table{width:100%;border-collapse:collapse;min-width:360px;margin:0;background:#fff}
/* motyw dodaje table tr td{border-top} i zeruje border-bottom w ostatnim wierszu – ujednolicamy: tylko linie poziome #e3e3e3 */
.cj-sc-table th,.cj-sc-table td,.cj-sc-table tbody tr td,.cj-sc-table tbody tr:last-child td{padding:9px 10px;border:0;border-bottom:1px solid #e3e3e3;text-align:center;white-space:nowrap;font-size:13px;vertical-align:middle}
.cj-sc-table thead th{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#f3f3f3;border-bottom:1px solid #d8d8d8}
/* kolumna rozmiaru: reguła musi wygrywać z regułami ostatniego wiersza (pseudoklasy liczą się jak klasy) */
.cj-sc-table .cj-sc-col-size{text-align:left;font-weight:700;position:sticky;left:0;z-index:1;background:#fff;border-right:1px solid #e3e3e3}
.cj-sc-table tbody tr:last-child td,.cj-sc-table tbody tr:last-child .cj-sc-col-size{border-bottom:0}
.cj-sc-table thead .cj-sc-col-size{background:#f3f3f3}
.cj-sc-table tbody tr:nth-child(even) td,.cj-sc-table tbody tr:nth-child(even) .cj-sc-col-size{background:#fafafa}
.cj-sc-table tbody tr:hover td,.cj-sc-table tbody tr:hover .cj-sc-col-size{background:#f0f0f0}
.cj-sc-unit{font-weight:400;text-transform:none;letter-spacing:0;color:#777}
.cj-sc-footnote{margin:10px 0 0;font-size:12px;color:#555}
.cj-sc-text p{margin:0 0 10px}
.cj-sc-inline{margin:20px 0}

@media (max-width:640px){
  .cj-sc-button-wrap{margin:12px 0 16px}
  .cj-sc-button.cj-sc-style-button{padding:12px 18px}
  .cj-sc-modal{padding:0;align-items:flex-end}
  .cj-sc-modal__panel{max-width:none;max-height:92vh;border-radius:10px 10px 0 0;animation:cjScUp .22s ease-out}
  @keyframes cjScUp{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
  .cj-sc-modal__head{padding:14px 16px}
  .cj-sc-modal__body{padding:14px 12px 28px}
  .cj-sc-table th,.cj-sc-table td{padding:8px 7px;font-size:12px}
  .cj-sc-table{min-width:0}
}
body.cj-sc-modal-open{overflow:hidden}