/* Makieta nowego układu karty jednostki (?uklad=2) — sprawa 5, 28.10.2026.
   Separacja tłem, cieniem i odstępem; ramki tylko na fokusie. */
.u2-ribbon{background:var(--navy-night);color:var(--on-dark-2);font-size:13px;text-align:center;padding:7px 16px;}
.u2-ribbon a{color:#fff;}
.u2-head{border-bottom:none;}
.u2-head .wrap{padding-bottom:28px;}

/* najważniejsze: gdzie / kiedy / telefon + akcje */
.u2-key{display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px;margin:26px 0 0;padding:20px 26px;background:#fff;border-radius:16px;box-shadow:0 8px 28px color-mix(in srgb,var(--navy-deep) 9%,transparent);}
.u2-key dl{display:flex;flex-wrap:wrap;gap:14px 44px;margin:0;flex:1 1 520px;}
.u2-key dl div{min-width:0;}
.u2-key dt{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--ink-2);margin-bottom:3px;}
.u2-key dd{margin:0;font-weight:700;font-size:16px;color:var(--navy-night);}
.u2-key dd a{color:var(--navy);text-decoration:none;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.01em;white-space:nowrap;}
.u2-actions{display:flex;gap:10px;flex-wrap:wrap;}
.u2-btn{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:12px 20px;border-radius:10px;}
.u2-btn:hover{background:var(--navy-deep);}
.u2-btn.alt{background:var(--sky);color:var(--navy-deep);}
.u2-btn.alt:hover{background:var(--sky-2);}
.u2-btn svg{width:18px;height:18px;flex:none;}
.u2-facts{display:flex;flex-wrap:wrap;gap:6px 26px;margin:16px 2px 0;font-size:14.5px;color:var(--ink-2);}
.u2-facts b{color:var(--ink);font-weight:700;}

/* układ: spis | treść | kontakt */
.u2-layout{display:grid;grid-template-columns:236px minmax(0,1fr) 330px;gap:36px;padding:36px 0 40px;align-items:start;}
.u2-toc{position:sticky;top:20px;font-size:14.5px;}
.u2-toc-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--ink-2);margin:6px 0 14px;}
.u2-toc-n{letter-spacing:.04em;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums;}
.u2-toc-n b{color:var(--navy);font-weight:800;}
/* oś: tor w tle (tło, nie ramka) + wypełnienie w kolorze motywu do aktywnej pozycji */
.u2-toc ol{list-style:none;margin:0;padding:0;position:relative;}
.u2-toc ol::before,.u2-toc ol::after{content:"";position:absolute;left:16px;top:18px;width:2px;border-radius:2px;transform:translateX(-1px);}
.u2-toc ol::before{bottom:18px;background:var(--sky-2);}
.u2-toc ol::after{height:var(--fill,0px);background:var(--navy);transition:height .35s cubic-bezier(.16,1,.3,1);}
.u2-toc li{position:relative;}
.u2-toc ol a{display:flex;align-items:center;gap:12px;padding:3px 10px 3px 0;margin:0 0 4px;border-radius:10px;color:var(--ink-2);text-decoration:none;line-height:1.3;}
.u2-toc-i{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:10px;background:var(--paper-2);color:var(--ink-2);transition:background .2s,color .2s,transform .2s;}
.u2-toc-i svg{width:17px;height:17px;}
.u2-toc-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0;}
.u2-toc ol a:hover{color:var(--navy-deep);}
.u2-toc ol a:hover .u2-toc-i{background:var(--sky);color:var(--navy);}
.u2-toc ol a.za .u2-toc-i{background:var(--sky);color:var(--navy);}
.u2-toc ol a.on{color:var(--navy-deep);font-weight:700;}
.u2-toc ol a.on .u2-toc-i{background:var(--navy);color:#fff;transform:scale(1.06);box-shadow:0 6px 16px color-mix(in srgb,var(--navy) 30%,transparent);}
.u2-toc ol a:focus-visible{outline:3px solid var(--focus,#d97706);outline-offset:2px;}
.u2-toc-top{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0 2px;font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:none;}
.u2-toc-top svg{width:15px;height:15px;}
.u2-toc-top:hover{color:var(--navy);}
@media (prefers-reduced-motion:reduce){.u2-toc ol::after,.u2-toc-i{transition:none;}}
.u2-side{position:sticky;top:20px;}

/* sekcje-akordeony */
.u2-main{display:flex;flex-direction:column;gap:10px;min-width:0;}
.u2-sec{background:var(--paper-2);border-radius:16px;transition:background .15s ease,box-shadow .15s ease;scroll-margin-top:16px;}
.u2-sec[open]{background:#fff;box-shadow:0 8px 30px color-mix(in srgb,var(--navy-deep) 8%,transparent);}
.u2-sec > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 26px;}
.u2-sec > summary::-webkit-details-marker{display:none;}
.u2-sec > summary h2{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.015em;color:var(--navy-night);margin:0;flex:1;line-height:1.25;}
.u2-sec > summary:hover h2{color:var(--navy);}
.u2-meta{font-size:13px;color:var(--ink-2);font-weight:600;white-space:nowrap;}
.u2-chev{width:20px;height:20px;flex:none;color:var(--navy);transition:transform .15s ease;}
details[open] > summary > .u2-chev{transform:rotate(180deg);}
.u2-body{padding:0 26px 24px;}
.u2-body.prose > :first-child{margin-top:0;}
.u2-body.prose h3,.u2-more h3{font-family:var(--display);font-weight:800;font-size:17px;color:var(--navy-night);margin:22px 0 6px;}
.u2-body .note{margin:14px 0;}

/* więcej / cały zespół */
.u2-more{margin-top:14px;}
.u2-more > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);font-size:15px;padding:6px 0;}
.u2-more > summary::-webkit-details-marker{display:none;}
.u2-more > summary .u2-chev{width:16px;height:16px;}

/* „Co zabrać” — listy sytuacji */
.u2-hint{color:var(--ink-2);font-size:14.5px;}
.u2-list{background:var(--paper-2);border-radius:12px;margin:8px 0;}
.u2-list > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:700;color:var(--navy-night);}
.u2-list > summary::-webkit-details-marker{display:none;}
.u2-list > summary span{flex:1;}
.u2-list > summary small{color:var(--ink-2);font-weight:600;font-size:13px;}
.u2-list > summary .u2-chev{width:17px;height:17px;}
.u2-list > div{padding:0 18px 14px;}
.u2-list ul{list-style:none;padding-left:0;}
.u2-list li{position:relative;padding-left:30px;margin:9px 0;}
.u2-list li::before{content:"";position:absolute;left:2px;top:4px;width:15px;height:15px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 2px var(--sky-3);}
.u2-list h3{font-size:15px!important;margin:16px 0 4px!important;}

/* długie listy */
ul.dl-clamp.zw > li:nth-child(n+7){display:none;}
.u2-showall{background:none;border:none;padding:4px 0;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;font-size:15px;}
.u2-showall:hover{text-decoration:underline;}

/* kadra */
.u2-leaders{display:flex;flex-wrap:wrap;gap:12px 48px;margin:0 0 6px;}
.u2-leaders small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--navy);margin-bottom:4px;}
.u2-leaders b{display:block;font-family:var(--display);font-weight:800;font-size:18px;color:var(--navy-night);}
.u2-leaders span{font-size:14px;color:var(--ink-2);}
.u2-team{list-style:none;margin:10px 0 0;padding:0;columns:2 260px;column-gap:36px;}
.u2-team li{break-inside:avoid;padding:8px 0;}
.u2-team b{display:block;font-size:15px;}
.u2-team span{font-size:13.5px;color:var(--ink-2);}
.u2-sub{font-family:var(--display);font-weight:800;font-size:17px;margin:22px 0 4px;}

/* pasek na telefonie */
.u2-bar{display:none;}

@media (max-width:1180px){
  .u2-layout{grid-template-columns:minmax(0,1fr) 320px;}
  .u2-toc{display:none;}
}
@media (max-width:900px){
  .u2-layout{grid-template-columns:1fr;gap:24px;padding-top:22px;}
  .u2-side{position:static;}
  .u2-key{padding:18px;}
  .u2-key .u2-actions{display:none;}
  .u2-sec > summary{padding:17px 18px;}
  .u2-sec > summary h2{font-size:18px;}
  .u2-body{padding:0 18px 20px;}
  .u2-bar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 24px color-mix(in srgb,var(--navy-night) 14%,transparent);}
  .u2-bar a{flex:1;text-align:center;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;padding:13px;border-radius:10px;}
  .u2-bar a.alt{background:var(--sky);color:var(--navy-deep);}
  body{padding-bottom:76px;}
}

/* harmonogram — zakładki dni */
.u2-dni-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px;}
.u2-dni-tabs button{font:inherit;font-weight:700;font-size:14.5px;background:var(--paper-2);color:var(--ink-2);border:none;border-radius:99px;padding:8px 16px;cursor:pointer;}
.u2-dni-tabs button:hover{color:var(--navy);}
.u2-dni-tabs button[aria-selected=true]{background:var(--navy);color:#fff;}
.u2-dni-panel p{margin:8px 0;}
ul.u2-godz{list-style:none;padding:0;margin:0;max-width:none;}
ul.u2-godz li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:9px 0;margin:0;}
ul.u2-godz li + li{box-shadow:0 -1px 0 var(--paper-2);}
ul.u2-godz b{font-variant-numeric:tabular-nums;color:var(--navy-deep);}
@media (max-width:600px){ ul.u2-godz li{grid-template-columns:1fr;gap:2px;} }