/* Warsztaty — wspólne wyróżnienie nawigacji i nowa podstrona. */
a.workshops-nav { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.55rem .9rem; border-radius:999px; background:#facc15; color:#1e3a8a; font-weight:800; text-decoration:none; white-space:nowrap; line-height:1.4; box-shadow:0 3px 10px #1e3a8a12; transition:background .2s, box-shadow .2s; }
a.workshops-nav:hover { background:#fde047; color:#172d6c; box-shadow:0 4px 14px #1e3a8a25; }
a.workshops-nav:focus-visible, .workshop-choice:focus-visible { outline:3px solid #df1b7d; outline-offset:5px; }
a.workshops-footer { padding:.4rem .75rem; font-size:.9rem; }
@media (min-width:1024px) and (max-width:1279px) {
  header nav > div.hidden.lg\:flex { display:none !important; }
  header nav button.lg\:hidden { display:block !important; }
  #mobileMenu:not(.hidden) { display:flex !important; }
}
.site-header .nav { flex-wrap:wrap; }
.workshops-page { padding:3.5rem 1.25rem 4.5rem; background:linear-gradient(180deg,#e0f2fe 0%,#f5faff 60%,#fff 100%); }
.workshops-wrap { max-width:1080px; margin:0 auto; }
.workshops-heading { margin:0 0 .7rem; text-align:center; color:#1e3a8a; font-size:clamp(2rem,5vw,3.25rem); font-weight:800; line-height:1.15; }
.workshops-intro { margin:0 0 2.25rem; text-align:center; color:#4b5563; font-size:1.05rem; }
.workshops-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem; }
.workshop-choice { display:flex; flex-direction:column; overflow:hidden; background:#fff; border:3px solid #fff; border-radius:1.75rem; color:#1e3a8a; text-decoration:none; box-shadow:0 12px 35px #1e3a8a12; transition:transform .2s,box-shadow .2s,border-color .2s; }
.workshop-choice:hover { transform:translateY(-5px); box-shadow:0 18px 40px #1e3a8a22; border-color:#facc15; }
.workshop-choice img { display:block; width:100%; height:320px; object-fit:cover; object-position:center 43%; }
.workshop-choice-content { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding:1.65rem; }
.workshop-choice h2 { margin:0 0 1.5rem; font-size:clamp(1.25rem,2.3vw,1.6rem); font-weight:800; line-height:1.45; }
.workshop-choice-action { display:inline-flex; align-items:center; gap:.7rem; margin-top:auto; padding:.8rem 1.15rem; border-radius:999px; background:#1e3a8a; color:#fff; font-size:.95rem; font-weight:700; }
.workshop-choice:nth-child(2) .workshop-choice-action { background:#facc15; color:#1e3a8a; }
.education-project { padding:3rem 1.25rem; background:#f8fbff; }
.education-project h2 { margin:0 0 1.5rem; text-align:center; color:#1e3a8a; font-weight:800; font-size:clamp(1.5rem,3vw,2rem); }
.education-project img { display:block; width:100%; max-width:1000px; height:auto; margin:0 auto; border-radius:1.25rem; box-shadow:0 8px 25px #1e3a8a12; }
@media (max-width:639px) { .workshops-page { padding:2.25rem 1rem 3rem; } .workshops-grid { grid-template-columns:1fr; gap:1.5rem; } .workshop-choice img { height:290px; } .workshop-choice-content { padding:1.35rem; } .workshops-intro { margin-bottom:1.75rem; } }
@media (prefers-reduced-motion:reduce) { .workshop-choice, a.workshops-nav { transition:none; } .workshop-choice:hover { transform:none; } }