.syn-grid,.syn-modal-bg,.syn-provcard,.syn-faq,.syn-sheet-bg{--syn-green:#194730;--syn-green2:#2E6049;--syn-gold:#B69026;--syn-gold-ink:#7A5E12;--syn-line:#dfe4e0;
  /* muted bylo #8a948c — 3,2:1 na bieli, ponizej AA dla drobnego tekstu i widac to
     golym okiem na wiekszosci ekranow. #5f6a62 daje 5,4:1 i dalej czyta sie jako "ciszej" */
  --syn-muted:#5f6a62;--syn-ink:#1c241e;--syn-sand:#e7e1d2;--syn-serif:var(--font-display, Georgia, serif)}
.syn-grid{max-width:960px;margin:0 auto;font-family:inherit;color:var(--syn-ink);box-sizing:border-box}
/* breakout ponad waski kontener strony (.wrap-narrow 820px) — widget ogolny ma oddychac */
/* Breakout tylko na szerokich ekranach. Na mobile 100vw liczy takze pasek przewijania
   (383px przy 375px viewportu), przez co cala strona jechala w bok. */
.syn-break{width:100%;padding:0;box-sizing:border-box;display:flex;justify-content:center}
/* --syn-sbw = realna szerokosc paska przewijania (ustawiana z JS). Bez tego 100vw jest
   szersze niz widoczny obszar i cala strona dostaje poziomy suwak. */
@media(min-width:900px){
  .syn-break{width:calc(100vw - var(--syn-sbw,0px));margin-left:calc(50% - 50vw + var(--syn-sbw,0px)/2);padding:0 24px}
}
.syn-grid--wide{max-width:1180px;width:100%}
/* Rezerwacja wysokosci przed renderem JS: widget wstrzykuje sie po zaladowaniu i przesuwal tresc
   (audyt 2026-08-28, A6: CLS 0,335 @768 / 0,133 @1440 na /rezerwacja/). Wartosci = typowa wysokosc kroku 1. */
.syn-grid--wide{min-height:640px}
@media (max-width:640px){.syn-grid--wide{min-height:900px}}
/* Krok wstepny ("pierwsza czy kolejna wizyta") ma dwie karty, nie kolumny dni — rezerwa 640/900 px
   zostawiala ~300 px pustki nad FAQ (pomiar 2026-09-02). Rezerwa wraca, gdy pojawi sie siatka. */
.syn-grid--wide:has(.syn-entry){min-height:0}
.syn-grid *,.syn-modal-bg *{box-sizing:border-box}
.syn-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.syn-title{font-family:var(--syn-serif);font-size:2.05rem;font-weight:600;letter-spacing:-.01em;color:var(--syn-green);line-height:1.1}
.syn-sub{color:var(--syn-muted);font-size:1rem;margin-top:6px}
.syn-head .syn-ava{width:52px;height:52px;font-size:1.05rem;flex:0 0 52px}
.syn-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--syn-gold-ink);margin-bottom:7px}
.syn-head--single{align-items:flex-start;gap:26px;margin-bottom:28px}
.syn-head--single .syn-ava{width:150px;height:180px;border-radius:18px;font-size:2rem;flex:0 0 150px;
  box-shadow:0 12px 28px rgba(25,71,48,.18)} /* prostokat jak karty zespolu na homepage */
.syn-headbio{color:#46504a;font-size:.93rem;line-height:1.6;margin:10px 0 0;max-width:620px}
.syn-ava{width:32px;height:32px;border-radius:50%;background:#e3eee7;color:var(--syn-green2);display:inline-flex;
  align-items:center;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:.02em;overflow:hidden;flex:0 0 32px}
/* object-position 50% 20%, nie domyslne 50% 50% (2026-08-27): portrety 200x286 wciete
   w kolo 78 px kadrowaly sie od srodka, czyli na tulowiu — czubek glowy wypadal poza kadr. */
.syn-ava img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.syn-ava svg{width:16px;height:16px}
/* ---------- pasek 4 kroków całej rezerwacji (2026-09-01) ---------- */
/* radius 4px, nie pigułka — kanon przycisków (aktywny krok nie ma być CTA-kształtny) */
.syn-flowsteps{display:flex;list-style:none;margin:4px 0 16px;padding:0;gap:4px}
.syn-flowsteps li{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.syn-fs-num{flex:0 0 22px;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;
  justify-content:center;font-size:.72rem;font-weight:700;background:#eef1ee;color:var(--syn-muted);
  border:1.5px solid var(--syn-line);transition:.15s}
.syn-flowsteps li.is-active .syn-fs-num{background:var(--syn-gold);color:#fff;border-color:var(--syn-gold)}
.syn-flowsteps li.is-done .syn-fs-num{background:#e7f6ec;color:#1d6b3a;border-color:#bfe3cb}
.syn-fs-label{font-size:.78rem;color:var(--syn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.syn-flowsteps li.is-active .syn-fs-label{color:var(--syn-green);font-weight:700}
.syn-flowsteps li.is-done .syn-fs-label{color:#1d6b3a}
/* pod 400px zostaja same numery — 4 pelne etykiety nie miesza sie w 375px (audyt CLS 2026-08-28) */
@media(max-width:400px){.syn-fs-label{display:none}.syn-flowsteps li{flex:0 0 auto}.syn-flowsteps{justify-content:space-between}}
.syn-qh{font-family:var(--syn-serif);font-size:1.62rem;font-weight:600;color:var(--syn-green);margin:0 0 4px;line-height:1.2}
.syn-qsub{color:var(--syn-muted);font-size:.94rem;margin:0 0 16px}

.syn-radio{flex:0 0 19px;width:19px;height:19px;margin-top:2px;border-radius:50%;border:2px solid var(--syn-line);
  display:inline-flex;align-items:center;justify-content:center}
.is-on>.syn-radio,.is-on .syn-radio{border-color:var(--syn-green)}
.is-on>.syn-radio::after,.is-on .syn-radio::after{content:'';width:9px;height:9px;border-radius:50%;background:var(--syn-green)}


.syn-acc{border-top:1px solid #eaefe9}
.syn-acc:last-of-type{border-bottom:1px solid #eaefe9}
.syn-acc-h{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:15px 2px;cursor:pointer;
  font:inherit;font-size:1rem;font-weight:600;color:var(--syn-green);text-align:left}
.syn-caret{width:9px;height:9px;border-right:2px solid var(--syn-muted);border-bottom:2px solid var(--syn-muted);
  transform:rotate(-45deg);transition:transform .22s;margin-left:1px}
.syn-acc.is-open .syn-caret{transform:rotate(45deg)}
.syn-acc-b{display:none}
.syn-acc.is-open .syn-acc-b{display:grid;gap:8px;padding:0 0 14px}
@media(min-width:760px){.syn-acc.is-open .syn-acc-b{grid-template-columns:1fr 1fr}}
.syn-opt{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#fff;font:inherit;
  border:1.5px solid var(--syn-line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.15s}
.syn-opt:hover{border-color:var(--syn-green2)}
.syn-opt.is-on{border-color:var(--syn-green);background:#eff6ef}
.syn-opt-b{display:flex;flex-direction:column;gap:2px}
.syn-opt-t{font-weight:600;font-size:.96rem;color:var(--syn-green)}
.syn-opt-m{font-size:.87rem;color:var(--syn-muted);font-variant-numeric:tabular-nums}
.syn-opt-d{font-size:.85rem;line-height:1.45;color:#5b6560;margin-top:3px}


/* jedyne wyjscie z kroku 2 z powrotem do wyboru uslugi — podkreslony link .85rem gubil sie
   w rogu boksu i byl za malym celem na dotyk; pigulka daje mu wage przycisku (2026-08-08) */
.syn-recap-edit{align-self:flex-start;background:#fff;border:1.5px solid #d9cfa8;border-radius:999px;
  padding:9px 17px;min-height:40px;font:inherit;font-size:.92rem;font-weight:700;line-height:1.2;
  color:#7a5e12;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.syn-recap-edit:hover{background:#7a5e12;border-color:#7a5e12;color:#fff}
.syn-recap-edit.syn-inline{padding:0;min-height:0;font-size:inherit;font-weight:inherit;background:none;
  border:0;border-radius:0;text-decoration:underline}
.syn-recap-edit.syn-inline:hover{background:none;color:#7a5e12}
.syn-showall{background:none;border:0;padding:0;font:inherit;color:#7a5e12;text-decoration:underline;cursor:pointer}
.syn-switchprov{display:inline-block;margin-top:10px;font-size:.88rem;color:#7a5e12;text-decoration:underline}
.syn-switchprov:hover{color:var(--syn-green)}
/* termin przyniesiony z kalendarzyka przy specjaliscie, zanim usluga jest wybrana */
.syn-heldslot{background:#fdf9ec;border:1px solid #ecdcae;border-left:3px solid var(--syn-gold);
  border-radius:12px;padding:13px 16px;margin:0 0 18px;font-size:.93rem;line-height:1.55;color:#5b4d29}
.syn-heldslot b{color:var(--syn-green)}
/* wyjscie do zajec grupowych — inny model zapisu, wiec osobna strona zamiast kart obok kalendarza */
.syn-groupslink{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:22px 0 0;padding:12px 16px;
  border:1px solid var(--syn-line);border-radius:10px;text-decoration:none;background:#fff;transition:.15s}
.syn-groupslink:hover{border-color:var(--syn-green2);background:#f7faf6}
.syn-groupslink b{color:var(--syn-green);font-size:1rem}
.syn-groupslink span{color:var(--syn-muted);font-size:.9rem}
.syn-groupslink::after{content:'Zobacz zajęcia →';margin-left:auto;color:#7a5e12;font-size:.88rem;font-weight:600}
/* usluga procesowa: co dokladnie rezerwuje rodzic, gdy klika godzine */
.syn-processnote{background:#fdf9ec;border:1px solid #ecdcae;border-left:3px solid var(--syn-gold);
  border-radius:10px;padding:12px 15px;margin:0 0 16px;font-size:.9rem;line-height:1.6;color:#5b4d29}
.syn-picked-v .syn-badge{vertical-align:middle;margin-left:6px}

/* sekcje odslaniane po kolei (usluga -> specjalisci -> terminy) */
.syn-sec{margin:0 0 26px}
.syn-sec--provs,.syn-sec--slots{animation:syn-reveal .34s cubic-bezier(.22,.61,.25,1) both}
@keyframes syn-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.syn-sec--provs,.syn-sec--slots{animation:none}}

/* wybrana usluga: box z opisem, ktory zastepuje liste po dokonaniu wyboru */
.syn-picked{background:#eff6ef;border-radius:14px;padding:14px 16px;margin:0 0 6px}
.syn-picked-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.syn-picked-k{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#7a5e12;font-weight:700}
.syn-picked-v{font-family:var(--syn-serif);font-size:1.2rem;font-weight:600;color:var(--syn-green);margin-top:3px}
.syn-picked-m{font-size:.9rem;color:var(--syn-muted);font-variant-numeric:tabular-nums}
.syn-picked-d{margin:9px 0 0;font-size:.92rem;line-height:1.6;color:#46504a}
.syn-picked-hint{margin:8px 0 0;font-size:.87rem;color:#7a5e12}
/* Usluga zaproponowana (strona jednego specjalisty): jasniejsze tlo i obrys, zeby box
   czytal sie jak propozycja do zmiany, a nie jak potwierdzony wybor. */
.syn-picked.is-suggested{background:#fbfaf5;border:1.5px solid #e6dfc8}
.syn-picked.is-suggested .syn-recap-edit{background:#7a5e12;border-color:#7a5e12;color:#fff}
.syn-picked.is-suggested .syn-recap-edit:hover{background:#5f490d;border-color:#5f490d}

/* wybor specjalisty: duze kola ze zdjeciami zamiast pigulek */
.syn-faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin:4px 0 2px}
.syn-face{position:relative;background:none;border:0;padding:8px 4px 10px;cursor:pointer;font:inherit;
  display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:14px;transition:.15s}
.syn-face:hover{background:#f4f8f3}
.syn-face-av{width:78px;height:78px;border-radius:50%;overflow:hidden;display:block;
  box-shadow:0 0 0 2px #fff,0 0 0 3px var(--syn-line);transition:.16s}
.syn-face-av .syn-ava{width:100%;height:100%;flex:none;border-radius:50%;font-size:1.35rem}
.syn-face-av .syn-ava svg{width:30px;height:30px}
.syn-face:hover .syn-face-av{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--syn-green2)}
.syn-face.is-on .syn-face-av{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--syn-green)}
.syn-face-n{font-size:.9rem;font-weight:600;color:var(--syn-green);text-align:center;line-height:1.25}
.syn-face-r{font-size:.75rem;color:var(--syn-muted);text-align:center;line-height:1.3}
.syn-face .syn-chip-i{position:absolute;top:6px;right:calc(50% - 46px)}
.syn-face-any .syn-ava{background:#e3eee7}

.syn-nav-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
  margin:18px 0 0;padding:14px 0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%)}
.syn-nav-bar--static{position:static;background:none;padding-top:6px}
.syn-back{background:none;border:0;font:inherit;font-size:.92rem;color:var(--syn-muted);cursor:pointer;padding:8px 2px}
.syn-nav-hint{flex:1 1 240px;font-size:.88rem;color:var(--syn-muted)}
/* kalendarz telefonu: pasek dni + godziny wybranego dnia */
.syn-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;-webkit-overflow-scrolling:touch}
.syn-day{flex:0 0 auto;min-width:94px;text-align:center;background:#fff;border:1.5px solid var(--syn-line);
  border-radius:12px;padding:9px 10px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:1px}
.syn-day.is-on{background:var(--syn-green);border-color:var(--syn-green)}
.syn-day-w{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--syn-muted)}
.syn-day-d{font-size:1rem;font-weight:700;color:var(--syn-green);font-variant-numeric:tabular-nums}
.syn-day-n{font-size:.7rem;color:var(--syn-muted)}
.syn-day.is-on .syn-day-w,.syn-day.is-on .syn-day-n{color:rgba(255,255,255,.72)}
.syn-day.is-on .syn-day-d{color:#fff}
.syn-hours{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 4px}
.syn-hours .syn-slot{width:100%;padding:14px 4px;font-size:1rem}
.syn-cat{font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--syn-muted);margin:18px 0 9px}
.syn-services{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 4px}
.syn-svc{border:1.5px solid var(--syn-line);background:#fff;border-radius:999px;padding:10px 18px;cursor:pointer;
  font-size:.95rem;font-weight:600;color:var(--syn-green);transition:.15s;display:inline-flex;gap:9px;align-items:center}
.syn-svc span{color:var(--syn-gold-ink);font-weight:700;white-space:nowrap}
.syn-svc:hover{border-color:var(--syn-green2)}
.syn-svc.is-on{background:var(--syn-green);color:#fff;border-color:var(--syn-green)}
.syn-svc.is-on span{color:#f0d792}
.syn-badge{background:#fdf4dd;color:#6f5410;font-style:normal;font-size:.75rem;font-weight:700;
  padding:3px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.syn-svc.is-on .syn-badge{background:rgba(255,255,255,.18);color:#f0d792}
.syn-svc-single{font-weight:600;color:var(--syn-green);margin:10px 0}
/* Opis zaznaczonej uslugi pod lista — jeden ekran strony specjalisty (2026-08-26) */
.syn-svc-desc{margin:10px 2px 0;font-size:.92rem;line-height:1.6;color:#46504a}
.syn-svc-single b{color:var(--syn-gold-ink)}
.syn-provlabel{font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--syn-muted);margin:20px 0 9px}
.syn-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
.syn-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--syn-sand);background:#fff;border-radius:999px;
  padding:6px 18px 6px 7px;cursor:pointer;font-size:.92rem;font-weight:600;color:#3a443c;transition:.15s;
  box-shadow:0 1px 2px rgba(25,71,48,.05)}
.syn-chip:hover{border-color:var(--syn-green2);transform:translateY(-1px)}
.syn-chip.is-on{background:var(--syn-green);color:#fff;border-color:var(--syn-green)}
.syn-chip.is-on .syn-ava{background:rgba(255,255,255,.16);color:#f0d792;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.syn-badges{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin:12px 0 20px}
.syn-badge-item{display:inline-flex;align-items:center;gap:7px;color:var(--syn-muted);font-size:.88rem}
.syn-badge-item svg{width:15px;height:15px;color:var(--syn-green2);flex:0 0 15px}
.syn-nearest{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:0;min-height:24px;
  color:var(--syn-gold-ink);font-weight:700;font-size:.88rem;cursor:pointer;font-family:inherit}
.syn-nearest svg{width:15px;height:15px;flex:0 0 15px}
.syn-nearest:hover{text-decoration:underline}
.syn-cal{display:flex;align-items:flex-start;gap:12px;margin-top:6px}
.syn-nav{flex:0 0 40px;height:40px;margin-top:12px;border:1px solid var(--syn-sand);background:#fff;border-radius:50%;
  cursor:pointer;font-size:1.35rem;line-height:1;color:var(--syn-green);font-weight:700;transition:.15s;
  box-shadow:0 1px 2px rgba(25,71,48,.05)}
.syn-nav:hover:not(:disabled){background:var(--syn-green);border-color:var(--syn-green);color:#fff}
.syn-nav:disabled{opacity:.25;cursor:default;box-shadow:none}
.syn-cols{flex:1;display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:12px;min-height:150px}
.syn-col{display:flex;flex-direction:column;min-width:0}
.syn-colh{text-align:center;padding:2px 2px 12px;margin-bottom:12px;border-bottom:1px solid var(--syn-sand)}
.syn-dow{display:block;font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--syn-muted)}
.syn-colh.today .syn-dow{color:var(--syn-gold-ink)}
.syn-dm{display:block;font-family:var(--syn-serif);font-size:1.2rem;font-weight:600;color:var(--syn-green);margin-top:4px}
.syn-colh.today .syn-dm{color:var(--syn-gold-ink)}
.syn-slots{display:flex;flex-direction:column;gap:8px;overflow:hidden;align-items:center}
.syn-slots.collapsed .syn-slot:nth-child(n+9){display:none}
.syn-slot{width:min(120px,100%);border:1px solid var(--syn-sand);background:#fff;color:var(--syn-green);border-radius:999px;
  padding:9px 0;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;
  box-shadow:0 1px 2px rgba(25,71,48,.06);transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;
  animation:synIn .3s ease backwards}
.syn-slot:nth-child(2){animation-delay:.03s}.syn-slot:nth-child(3){animation-delay:.06s}
.syn-slot:nth-child(4){animation-delay:.09s}.syn-slot:nth-child(5){animation-delay:.12s}
.syn-slot:nth-child(6){animation-delay:.15s}.syn-slot:nth-child(7){animation-delay:.18s}
.syn-slot:nth-child(8){animation-delay:.21s}
.syn-slot:hover{background:var(--syn-green);color:#fff;border-color:var(--syn-green);transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(25,71,48,.18)}
.syn-slot--taken{text-decoration:line-through;color:#b9b2a1;background:#f4f0e6;border-color:transparent;
  box-shadow:none;cursor:default;pointer-events:none}
.syn-slot--sel{border-color:var(--syn-gold-ink);box-shadow:0 0 0 2px rgba(182,144,38,.35);
  animation:synIn .3s ease backwards,synPulse 1.4s ease .5s 2}
@keyframes synPulse{50%{box-shadow:0 0 0 8px rgba(182,144,38,.14)}}
.syn-retry{background:none;border:none;color:var(--syn-gold-ink);font-weight:700;cursor:pointer;font-size:inherit;
  padding:0;text-decoration:underline;font-family:inherit}
.syn-back:disabled{opacity:.4;cursor:default}
@keyframes synIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.syn-skel{background:linear-gradient(90deg,#f0ebdf 25%,#faf7ef 45%,#f0ebdf 65%);background-size:200% 100%;
  animation:synShimmer 1.1s linear infinite;border-color:transparent;color:transparent;pointer-events:none;box-shadow:none}
@keyframes synShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.syn-none{text-align:center;color:#98a29a;font-size:.95rem;padding-top:12px}
.syn-more{background:none;border:none;color:var(--syn-gold-ink);font-weight:700;font-size:.8rem;letter-spacing:.02em;cursor:pointer;padding:7px 4px}
.syn-more:hover{text-decoration:underline}
/* wizytowka specjalisty — kim jest osoba: rola, bio dla rodzica, wiek pacjentow, certyfikat.
   Uslug tu nie ma: rodzic wybral je krok wczesniej (zmiana 2026-08-08). */
.syn-provcard{position:fixed;z-index:99998;display:none;max-width:340px;background:#fff;border:1px solid #ccd6ce;
  border-radius:16px;padding:16px 18px;box-shadow:0 18px 46px rgba(25,71,48,.24);pointer-events:none;font-family:inherit;
  color:var(--syn-ink);opacity:0;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease}
.syn-provcard.is-vis{opacity:1;transform:none}
.syn-pc-top{display:flex;align-items:center;gap:13px}
.syn-pc-id{min-width:0}
.syn-provcard .syn-ava{width:64px;height:64px;font-size:1.25rem;flex:0 0 64px}
.syn-pc-name{font-family:var(--syn-serif);font-weight:600;font-size:1.12rem;color:var(--syn-green);line-height:1.2}
.syn-pc-role{font-size:.83rem;font-weight:600;color:var(--syn-green2);line-height:1.35;margin-top:4px}
.syn-pc-bio{font-size:.86rem;color:#3d4842;line-height:1.55;margin:13px 0 0}
.syn-pc-meta{list-style:none;margin:13px 0 0;padding:12px 0 0;border-top:1px solid #e2e8e4;display:grid;gap:8px}
.syn-pc-meta li{display:flex;gap:9px;align-items:flex-start;font-size:.82rem;color:#4b564f;line-height:1.45}
.syn-pc-meta svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px;color:var(--syn-green2)}
.syn-pc-link{display:inline-block;margin-top:15px;font-weight:700;font-size:.88rem;color:var(--syn-green2)}
.syn-loading,.syn-empty{padding:24px;text-align:center;color:var(--syn-muted)}
/* baner "Pierwszy raz w Synaptio?" — drogowskaz na konsultacje */
.syn-firstbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;background:#f3f7f3;border:1px solid #dbe6dc;
  border-radius:14px;padding:14px 18px;margin:2px 0 20px;font-size:.92rem;line-height:1.55;color:#33413a}
.syn-firstbox b{color:var(--syn-green);font-family:var(--syn-serif);font-size:1.02rem;font-weight:600}
.syn-firstbox-txt{flex:1;min-width:240px}
.syn-firstbtn{border:1.5px solid var(--syn-green2);background:#fff;color:var(--syn-green);border-radius:999px;
  padding:9px 20px;font-weight:700;font-size:.88rem;cursor:pointer;transition:.15s;white-space:nowrap}
.syn-firstbtn:hover{background:var(--syn-green);color:#fff}
.syn-firstbox-ok{color:var(--syn-green2);font-weight:700;font-size:.88rem;white-space:nowrap}
/* opis wybranej uslugi pod pigulkami */
.syn-svcdesc{background:#fff;border:1px solid var(--syn-sand);border-left:3px solid var(--syn-gold);border-radius:10px;
  padding:12px 16px;margin:12px 0 2px;font-size:.9rem;line-height:1.6;color:#46504a;max-width:760px}
/* ikonka "i" na chipie specjalisty — karta bio dostepna takze na dotyku */
.syn-chip-i{width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid var(--syn-green2);
  color:var(--syn-green2);font-size:.72rem;
  font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;font-style:normal;cursor:pointer}
.syn-chip-i:hover{background:var(--syn-green2);color:#fff}
/* Pole dotyku 44x44 bez powiekszania kolka (pomiar Playwright 2026-08-19: 20x20 to polowa
   progu z WCAG 2.5.5). Nakladka pseudoelementem, wiec uklad chipa zostaje nietkniety. */
.syn-chip-i{position:relative}
.syn-chip-i::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;
  transform:translate(-50%,-50%)}
.syn-chip.is-on .syn-chip-i{background:rgba(255,255,255,.2);color:#fff}
/* bottom-sheet z karta specjalisty (mobile; na desktopie wysrodkowany dialog) */
.syn-sheet-bg{position:fixed;inset:0;background:rgba(20,30,24,.45);z-index:99999;display:flex;align-items:flex-end;
  justify-content:center;animation:synFadeBg .18s ease}
.syn-sheet{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:480px;padding:24px 22px 30px;position:relative;
  font-family:inherit;color:var(--syn-ink);animation:synSheetIn .22s ease;box-shadow:0 -12px 40px rgba(0,0,0,.22)}
@keyframes synSheetIn{from{transform:translateY(28px);opacity:0}}
@media(min-width:640px){.syn-sheet-bg{align-items:center;padding:16px}.syn-sheet{border-radius:18px}}
.syn-sheet .syn-ava{width:64px;height:64px;font-size:1.25rem;flex:0 0 64px}
/* FAQ pod widgetem */
.syn-faq{max-width:820px;margin:44px auto 8px;font-family:inherit;color:var(--syn-ink)}
.syn-faq *{box-sizing:border-box}
.syn-faq-title{font-family:var(--syn-serif);font-size:1.35rem;font-weight:600;color:var(--syn-green);margin-bottom:14px}
.syn-faq-item{border:1px solid var(--syn-sand);border-radius:12px;background:#fff;margin-bottom:10px;padding:0 18px}
.syn-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:15px 0;font-weight:600;font-size:.97rem;color:var(--syn-green)}
.syn-faq-item summary::-webkit-details-marker{display:none}
.syn-faq-item summary::after{content:'+';font-size:1.3rem;color:var(--syn-gold-ink);flex:0 0 auto;line-height:1;transition:transform .15s}
.syn-faq-item[open] summary::after{transform:rotate(45deg)}
.syn-faq-item p{margin:0 0 16px;font-size:.9rem;line-height:1.65;color:#46504a}
.syn-donelink{display:inline-block;margin:0 0 14px;color:var(--syn-green2);font-weight:700;font-size:.9rem}
/* modal */
.syn-modal-bg{position:fixed;inset:0;background:rgba(20,30,24,.55);display:flex;align-items:center;justify-content:center;
  z-index:99999;padding:16px;font-family:inherit;color:var(--syn-ink);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:synFadeBg .18s ease}
.syn-modal{background:#fff;border-radius:18px;max-width:480px;width:100%;max-height:92vh;overflow:auto;
  padding:24px 24px 28px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.32);animation:synModalIn .22s ease}
@keyframes synFadeBg{from{opacity:0}}
@keyframes synModalIn{from{opacity:0;transform:translateY(14px)}}
.syn-x{position:absolute;top:13px;right:15px;width:34px;height:34px;background:#f2f4f2;border:none;border-radius:50%;
  font-size:1.4rem;line-height:1;cursor:pointer;color:var(--syn-muted);transition:.15s}
.syn-x:hover{background:#e6eae6;color:var(--syn-green)}
.syn-msum{background:#faf7ef;border:1px solid #eee7d4;border-radius:13px;padding:14px 16px;margin:2px 0 18px}
.syn-msum b{color:var(--syn-green);font-family:var(--syn-serif);font-size:1.12rem;font-weight:600}
.syn-msum .syn-when{color:var(--syn-gold-ink);font-weight:700;font-size:1.08rem;display:block;margin-top:8px}
.syn-mprov{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.88rem;color:#3a443c}
.syn-mprov .syn-ava{width:38px;height:38px;font-size:.8rem;flex:0 0 38px}
.syn-mprov select{flex:1;border:1px solid var(--syn-sand);background:#fff;border-radius:9px;padding:8px 10px;
  font-size:.88rem;font-family:inherit;color:var(--syn-ink);cursor:pointer}
.syn-mprov .syn-mname{font-weight:600}
.syn-note{background:#fdf9ee;border:1px solid #f0e6c8;border-radius:11px;padding:11px 14px;margin:-8px 0 18px;
  font-size:.83rem;line-height:1.55;color:#5c5537}
.syn-notice{background:#fdf9ee;border:1px solid #f0e6c8;border-radius:11px;padding:11px 14px;margin:0 0 14px;
  font-size:.85rem;line-height:1.55;color:#5c5537}
/* karty zajec grupowych (TUS, Akademia Rodzica) — zapis na liste zamiast slotow */
.syn-cat.syn-gcat{font-family:var(--syn-serif);font-size:1.35rem;font-weight:600;letter-spacing:0;
  text-transform:none;color:var(--syn-green);margin:38px 0 14px}
.syn-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:4px}
.syn-gcard{background:#fff;border:1px solid var(--syn-sand);border-radius:12px;padding:20px 22px;
  box-shadow:0 1px 2px rgba(25,71,48,.05)}
.syn-gname{font-family:var(--syn-serif);font-size:1.18rem;font-weight:600;color:var(--syn-green)}
.syn-gname::after{content:'';display:block;width:28px;height:3px;background:var(--syn-gold);border-radius:2px;margin-top:8px}
.syn-gprice{color:var(--syn-gold-ink);font-weight:700;font-size:.95rem;margin-top:4px}
.syn-gprice span{color:var(--syn-muted);font-weight:500;font-size:.8rem}
.syn-gdesc{font-size:.88rem;color:#46504a;line-height:1.55;margin:10px 0 14px}
.syn-gcta{display:inline-block;border:1.5px solid var(--syn-gold);color:#8a6d1c;border-radius:8px;
  padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;background:none;font-family:inherit;transition:.15s}
.syn-gcta:hover{background:var(--syn-gold);color:#fff}
/* kohorty wiekowe + nota cenowa w karcie grupowej */
.syn-gcohorts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.syn-gcoh{font-size:.76rem;font-weight:600;color:#46504a;background:#f4f6f3;border:1px solid var(--syn-sand);
  border-radius:6px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px}
.syn-gcoh em{font-style:normal;font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.03em}
.syn-gcoh--open{background:#eef6ee;border-color:#cfe6cf}
.syn-gcoh--open em{color:#2f7d43}
.syn-gcoh--wait{background:#fdf6e8;border-color:#f0e2bd}
.syn-gcoh--wait em{color:#9a7414}
.syn-gcoh--soon{background:#f1f2f4;border-color:#e0e3e7}
.syn-gcoh--soon em{color:#6b7280}
.syn-gcoh--link{text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.syn-gcoh--link:hover{border-color:var(--syn-green2);box-shadow:0 1px 4px rgba(25,71,48,.12)}
.syn-gcoh--link:focus-visible{outline:2px solid var(--syn-gold);outline-offset:2px}
.syn-gnote{font-size:.8rem;color:#5c5537;background:#fdf9ee;border:1px solid #f0e6c8;border-radius:9px;
  padding:8px 12px;margin:0 0 14px;line-height:1.5}
.syn-gcta--book{background:var(--syn-gold);color:#fff;border-color:var(--syn-gold-ink)}
.syn-gcta--book:hover{background:#8a6d1c;border-color:#8a6d1c;color:#fff}
.syn-form label{display:block;font-size:.8rem;font-weight:600;color:#3a443c;margin:13px 0 5px;letter-spacing:.01em}
.syn-form .req{color:#c0392b}
.syn-form input[type=text],.syn-form input[type=email],.syn-form input[type=tel],.syn-form textarea,.syn-form select{
  width:100%;border:1.5px solid var(--syn-line);background:#fff;border-radius:11px;padding:11px 13px;font-size:.95rem;
  font-family:inherit;color:var(--syn-ink);line-height:1.3;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.syn-form input::placeholder,.syn-form textarea::placeholder{color:#aab2ac}
.syn-form textarea{min-height:78px;resize:vertical}
.syn-form select{padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a948c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center}
.syn-form input:focus-visible,.syn-form textarea:focus-visible,.syn-form select:focus-visible{outline:2px solid var(--syn-green2);outline-offset:1px;border-color:var(--syn-green2)}
.syn-known{margin:0 0 14px;padding:9px 12px;background:#f2f7f3;border:1px solid #d8e5da;border-radius:9px;
  font-size:.84rem;color:var(--syn-green2);line-height:1.45}
.syn-consent{display:flex;gap:10px;align-items:flex-start;margin:13px 0 0;padding:11px 13px;
  background:#fafbfa;border:1px solid #eef1ee;border-radius:11px;font-size:.79rem;color:#46504a;line-height:1.45;cursor:pointer}
.syn-consent:hover{border-color:#dfe4e0}
.syn-consent input{margin-top:2px;flex:0 0 auto;width:17px;height:17px;accent-color:var(--syn-green);cursor:pointer}
.syn-submit{width:100%;margin-top:20px;background:var(--syn-gold);color:#fff;border:none;border-radius:12px;
  padding:14px;font-size:1.02rem;font-weight:700;cursor:pointer;transition:.15s;box-shadow:0 6px 18px rgba(182,144,38,.28)}
.syn-submit:hover{background:#9c7a1f}
/* Telefon: przycisk konca formularza zostaje w zasiegu kciuka, gdy zgody wypychaja
   go pod krawedz ekranu (widoczne szczegolnie na malych telefonach). margin-top daje odstep
   od ostatniej zgody; NIE uzywamy bialego cienia w gore — zaslanial ostatnia linie checkboxa
   "wladza rodzicielska" (2026-07-23 UX audit mobile). */
@media(max-width:640px){
  .syn-modal .syn-form>.syn-submit{position:sticky;bottom:0;margin-top:24px;margin-bottom:0;z-index:3}
}
.syn-submit:disabled{opacity:.6;cursor:default;box-shadow:none}
.syn-result{margin-top:14px;padding:12px 14px;border-radius:11px;font-size:.9rem;display:none;line-height:1.4}
.syn-result.ok{display:block;background:#e7f6ec;color:#1d6b3a;border:1px solid #bfe6cd}
.syn-result.err{display:block;background:#fbeaea;color:#a32525;border:1px solid #f0c7c7}
/* payment step */
.syn-payhead{font-size:1.08rem;font-weight:700;color:var(--syn-green);margin:2px 0 14px}
.syn-payrow{display:flex;justify-content:space-between;align-items:baseline;margin:16px 2px 2px;font-size:.95rem;color:#46504a}
.syn-payrow b{color:var(--syn-gold-ink);font-size:1.4rem;font-family:var(--syn-serif);font-weight:600}
.syn-legal{font-size:.72rem;color:#9aa29c;text-align:center;margin-top:11px;line-height:1.5}
.syn-legal a{color:#8a6d1c;text-decoration:underline}
.syn-done{text-align:center;padding:6px 0 2px}
/* bramka "po konsultacji" (2026-08-28): ekran zamiast płatności, jeden przycisk na konsultację */
.syn-gate{text-align:center;padding:6px 0 2px}
.syn-gate .syn-donehead{margin-bottom:6px}
.syn-gate a.syn-submit{display:flex;justify-content:center;align-items:center;text-decoration:none;margin:14px auto 0;max-width:360px}
.syn-gate .syn-gate-note{margin-top:12px}
.syn-gate .syn-gate-back{margin-top:6px}
.syn-doneic{width:64px;height:64px;margin:6px auto 14px;border-radius:50%;background:#e7f6ec;color:#1d6b3a;
  display:flex;align-items:center;justify-content:center}
.syn-doneic svg{width:30px;height:30px}
.syn-donehead{font-family:var(--syn-serif);font-size:1.45rem;font-weight:600;color:var(--syn-green)}
.syn-donetxt{color:#46504a;font-size:.92rem;line-height:1.55;margin:8px 0 16px}
.syn-gcal{display:inline-block;border:1.5px solid var(--syn-line);border-radius:999px;padding:9px 20px;
  font-size:.88rem;font-weight:600;color:var(--syn-green);text-decoration:none;transition:.15s}
.syn-gcal:hover{border-color:var(--syn-green);background:#f3f9f5}
.syn-doneclose{margin-top:18px}
/* Zachęta do konta rodzica na ekranie po rezerwacji (2026-07-30) — moment najwyzszej uwagi.
   CELOWO bez magic-linku w tym miejscu: link przyszedlby do przegladarki osoby, ktora tylko
   WPISALA adres e-mail, a nie udowodnila, ze jest jego wlascicielem. Ktos znajacy cudzy adres
   zarezerwowalby wizyte na ten adres i dostal wejscie do konta z pelna historia wizyt (RODO
   art. 9). Prowadzimy do panelu rodzica (syn_pp_panel_url), gdzie logowanie idzie przez skrzynke. */
.syn-doneacc{margin:18px 0 4px;padding:16px 18px;border:1.5px solid var(--syn-line);border-radius:14px;background:#f7fbf8;text-align:left}
.syn-doneacc h4{margin:0 0 8px;font-family:var(--syn-serif);font-size:1.02rem;font-weight:600;color:var(--syn-green)}
.syn-doneacc ul{margin:0 0 12px;padding-left:18px;color:#46504a;font-size:.88rem;line-height:1.6}
.syn-doneacc li{margin-bottom:2px}
.syn-doneacc .syn-accnote{margin:8px 0 0;color:#6b756f;font-size:.79rem;line-height:1.45}
.syn-paymethods{display:flex;flex-direction:column;gap:9px;margin-bottom:4px}
.syn-paymethod{display:flex;flex-direction:column;border:1.5px solid var(--syn-line);border-radius:12px;
  padding:12px 56px 12px 44px;position:relative;cursor:pointer;transition:.15s}
.syn-paymethod:hover{border-color:var(--syn-green2)}
.syn-paymethod.is-on{border-color:var(--syn-green);background:#f3f9f5}
.syn-paymethod input{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;
  accent-color:var(--syn-green);cursor:pointer}
.syn-payname{font-weight:700;color:var(--syn-ink);font-size:.95rem}
.syn-paydesc{color:var(--syn-muted);font-size:.78rem;margin-top:2px}
.syn-payicon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--syn-green2);
  display:flex;align-items:center;transition:.15s}
.syn-paymethod.is-on .syn-payicon{color:var(--syn-gold-ink)}
.syn-back{width:100%;margin-top:9px;background:none;border:none;color:var(--syn-muted);font-size:.86rem;
  font-weight:600;cursor:pointer;padding:8px}
.syn-back:hover{color:var(--syn-green)}
.syn-paynote{font-size:.72rem;color:#b0b8b2;text-align:center;margin-top:12px}
.syn-paynote svg{width:12px;height:12px;vertical-align:-2px;margin-right:4px}
@media(min-width:681px) and (max-width:1024px){
  .syn-grid--wide .syn-cols{--cols:5}
  .syn-grid--wide .syn-col:nth-child(n+6){display:none}
}
@media(max-width:680px){
  /* mobile: przewijany pasek dni (scroll-snap) zamiast chowania kolumn.
     Strzalki nad paskiem (nie po bokach) — flankujace zjadaly ~90px z 375px viewportu */
  .syn-cal{flex-wrap:wrap;gap:6px 8px}
  .syn-cal .syn-cols{order:3;flex:1 1 100%}
  .syn-cal .syn-prev{order:1;margin-left:auto}
  .syn-cal .syn-next{order:2}
  .syn-cols{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
    padding-bottom:8px;min-height:130px;scrollbar-width:thin;scrollbar-color:var(--syn-sand) transparent}
  .syn-cols::-webkit-scrollbar{height:5px}
  .syn-cols::-webkit-scrollbar-thumb{background:var(--syn-sand);border-radius:99px}
  .syn-col{flex:0 0 31%;min-width:104px;scroll-snap-align:start}
  .syn-col--empty{flex:0 0 20%;min-width:64px} /* puste dni nie kradna szerokosci paska */
}
.syn-col--empty .syn-colh{opacity:.55} /* nagłowki dni bez godzin schodza na drugi plan */
@media(max-width:680px){
  .syn-nav{flex:0 0 32px;height:32px;font-size:1.1rem;margin-top:0}
  .syn-break{padding:0 12px}
  .syn-title{font-size:1.6rem}
  /* modal jako bottom-sheet */
  .syn-modal-bg{align-items:flex-end;padding:0}
  .syn-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:94vh;padding:22px 18px 30px;
    animation:synSheetIn .26s ease}
  .syn-slot{padding:10px 0;font-size:.95rem} /* wieksze tap-targety */
  /* Etykiety dnia schodzily na telefonie do 10,9 i 11,2 px (pomiar 2026-08-19). Ponizej 12 px
     rodzic czyta je z wysilkiem, a to jest warstwa nawigacji po terminach, nie przypis. */
  .syn-day-w{font-size:.75rem}
  .syn-day-n{font-size:.75rem}
  .syn-head--single{gap:16px}
  .syn-head--single .syn-ava{width:104px;height:126px;border-radius:14px;font-size:1.4rem;flex:0 0 104px}
}
@keyframes synSheetIn{from{transform:translateY(55%)}}
.syn-slot:focus-visible,.syn-svc:focus-visible,.syn-chip:focus-visible,.syn-nav:focus-visible,
.syn-gcta:focus-visible,.syn-more:focus-visible,.syn-nearest:focus-visible{outline:2px solid var(--syn-gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  .syn-slot,.syn-slot--sel{animation:none}
  .syn-skel{animation:none}
  .syn-provcard{transition:none}
  .syn-modal,.syn-modal-bg{animation:none}
}

/* ===== Godziny jak w kalendarzyku na stronie glownej (2026-08-26) =====
   Rodzic ogląda te same godziny dwa razy: na karcie zespolu (.avail-slot) i tutaj po
   przejsciu na strone specjalisty. Renderowaly sie inaczej — .syn-slot to <button>, wiec
   nie dziedziczyl font-family motywu i szedl Arialem 16px w pigulce 999px, przy 37 px
   wysokosci. Kanon 2026-08-23 mowi zreszta wprost: bez pigulek na przyciskach, godziny 7-8 px.
   Wartosci przeniesione z .avail-slot; pomiar na zywej stronie, nie z kodu. */
.syn-grid .syn-slot{
  font-family:var(--font-body,'Nunito Sans','Instrument Sans',system-ui,sans-serif);
  font-size:13.5px;font-weight:600;line-height:1.2;
  color:#0F2419;background:#fff;
  border:1.5px solid var(--syn-gold);border-radius:8px;
  padding:6px 14px;min-height:44px;min-width:64px;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  box-shadow:none;
}
.syn-grid .syn-slot:hover:not(.syn-slot--taken):not(.syn-skel){
  background:var(--syn-gold);color:#0F2419;border-color:var(--syn-gold);
  transform:none;box-shadow:none;
}
.syn-grid .syn-slot--sel{
  border-color:var(--syn-gold-ink);background:#fff;color:#0F2419;
  box-shadow:0 0 0 2px rgba(182,144,38,.35);
}
/* Zajeta godzina: #b9b2a1 dawalo 1.9:1 — przekreslona godzina, ktorej nie da sie odczytac,
   to nadal informacja dla rodzica. #6f6a5e = 4.73:1. */
.syn-grid .syn-slot--taken{
  border:1.5px solid #e7e1d2;background:#f4f0e6;color:#6f6a5e;
  text-decoration:line-through;box-shadow:none;
}
/* Szkielet ladowania ma border-color:transparent przy nizszej specyficznosci niz regula
   wyzej — bez tego dostawalby zlota ramke i wygladal jak wolny termin. */
.syn-grid .syn-slot.syn-skel{border-color:transparent;color:transparent;box-shadow:none}
.syn-grid .syn-hours .syn-slot{
  width:100%;min-height:48px;padding:8px 6px;font-size:14px;border-radius:8px;
}
@media(max-width:680px){
  .syn-grid .syn-slot{min-height:44px;padding:8px 10px;font-size:13.5px}
}

/* Krok wstepny "pierwsza / kolejna wizyta" (2026-09-01) — karty w idiomie .syn-opt */
.syn-entry{display:grid;gap:10px;margin:6px 0 4px}
@media(min-width:760px){.syn-entry{grid-template-columns:1fr 1fr}}
.syn-entry-card{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:#fff;font:inherit;
  border:1.5px solid var(--syn-line);border-radius:12px;padding:16px 18px;cursor:pointer;transition:.15s}
.syn-entry-card:hover{border-color:var(--syn-green2)}
.syn-entry-t{font-weight:700;font-size:1.02rem;color:var(--syn-green)}
.syn-entry-d{font-size:.87rem;line-height:1.45;color:#5b6560}
.syn-entry-lead{font-size:.9rem;line-height:1.5;color:#5b6560;margin:0 0 10px}
.syn-entry-back{background:none;border:0;padding:0;font:inherit;font-size:.88rem;font-weight:600;
  color:var(--syn-gold-ink);text-decoration:underline;cursor:pointer}