/* Wycięte ze wzoru — wartości bez zmian. Nowe reguły: 14-theme.css. */

/* ══════════════ POMOC PRAWNA ══════════════ */
.tabs{display:flex;gap:6px;margin-bottom:clamp(32px,4.2vw,52px);
  border-bottom:1px solid var(--line);flex-wrap:wrap}
.tab{display:inline-block;position:relative;background:none;border:0;cursor:pointer;
  padding:15px 26px 17px;font-family:var(--display);
  font-size:clamp(18px,1.8vw,24px);color:var(--t-3);transition:color .32s var(--ease)}
.tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--olive);transform:scaleX(0);transform-origin:left;
  transition:transform .42s var(--ease-o)}
.tab:hover{color:var(--t-2)}
.tab.on{color:var(--ink)}
.tab.on::after{transform:scaleX(1)}

.pane-lede{max-width:46ch;margin-bottom:clamp(32px,4.2vw,52px)}
.cluster{border-top:1px solid var(--line);padding-top:clamp(26px,3.1vw,38px);
  margin-bottom:clamp(30px,3.6vw,46px)}
.cluster:last-of-type{margin-bottom:0}
.cluster-grid{display:grid;grid-template-columns:clamp(200px,25vw,320px) 1fr;
  gap:clamp(20px,3.2vw,56px);align-items:start}
.cluster h3{margin-bottom:7px}
.cluster-note{font-size:14.5px;color:var(--t-3);line-height:1.6;font-weight:400}

.svc{list-style:none}
.svc li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--line-2);
  font-size:17px;line-height:1.72;font-weight:400;color:var(--t-1)}
.svc li::before{content:'';position:absolute;left:2px;top:23px;
  width:10px;height:12px;background:var(--crimson);
  border-radius:56% 44% 49% 51% / 47% 52% 48% 53%}
.svc li:last-child{border-bottom:0}

/* Portret w sekcji Pomoc prawna */
.aside-fig{position:relative;width:100%;max-width:330px}
.aside-fig .plate-img{aspect-ratio:4/5}
.aside-fig .plate-img img{object-position:50% 18%}