/* Akademia Nauki – Warsztaty HEJT 1.0.0
   Cel: wyglądać jak zwykła podstrona aktywnego The7, a nie osobny landing page. */
#anhj-hejt,
#anhj-hejt * { box-sizing:border-box; }
#anhj-hejt { color:inherit; font-family:inherit; }
#anhj-hejt h1,
#anhj-hejt h2,
#anhj-hejt h3,
#anhj-hejt p { font-family:inherit; }
#anhj-hejt a { text-decoration:none; }
#anhj-hejt img { max-width:100%; height:auto; display:block; }

/* Kontener odpowiada zwykłej szerokości treści The7. */
#anhj-hejt .anhj-inner { width:100%; max-width:1200px; margin:0 auto; padding-left:30px; padding-right:30px; }

/* Tytuł podstrony: wzór z Kursów przedszkolnych – jasne tło, ciemny H1, breadcrumb, turkusowa linia. */
#anhj-hejt .anhj-subpage-title { background:#f4f4f4; margin-bottom:0; }
#anhj-hejt .anhj-subpage-title .anhj-inner { padding-top:30px; padding-bottom:26px; }
#anhj-hejt .anhj-subpage-title h1 { margin:0 0 8px; color:inherit; font-size:32px; line-height:1.2; font-weight:700; letter-spacing:0; }
#anhj-hejt .anhj-subpage-title p { margin:0; opacity:.62; font-size:13px; font-style:italic; }
#anhj-hejt .anhj-subpage-title span { display:block; width:44px; height:3px; margin-top:15px; background:#55bdbc; }

/* Typografia treści – blisko istniejących podstron, bez niestandardowego fontu. */
#anhj-hejt .anhj-content { padding-top:48px; padding-bottom:45px; }
#anhj-hejt .anhj-content h2 { margin:0 0 16px; color:inherit; font-size:28px; line-height:1.25; font-weight:700; letter-spacing:0; }
#anhj-hejt .anhj-content h3 { margin:0 0 9px; color:inherit; font-size:18px; line-height:1.35; font-weight:700; }
#anhj-hejt .anhj-content p { margin:0 0 15px; font-size:15px; line-height:1.75; }
#anhj-hejt .anhj-lead { font-size:16px !important; }
#anhj-hejt .anhj-kicker { margin-bottom:9px !important; color:#55bdbc; font-size:12px !important; line-height:1.4 !important; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
#anhj-hejt .anhj-note { padding-left:14px; border-left:3px solid #55bdbc; color:#666; font-size:13px !important; }
#anhj-hejt .anhj-text-link { color:#42aaa9; font-weight:700; }
#anhj-hejt .anhj-text-link:hover { text-decoration:underline; }

/* Pierwsza sekcja – normalna dwukolumnowa sekcja jak na kursach. */
#anhj-hejt .anhj-lead-grid,
#anhj-hejt .anhj-two-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:42px; align-items:center; }
#anhj-hejt .anhj-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
#anhj-hejt .anhj-actions .dt-btn { margin:0; }
#anhj-hejt .anhj-main-btn { background:#55bdbc !important; border-color:#55bdbc !important; color:#fff !important; }
#anhj-hejt .anhj-main-btn:hover { background:#44aaa9 !important; border-color:#44aaa9 !important; }
#anhj-hejt .anhj-secondary-btn { background:#4a4a4a !important; border-color:#4a4a4a !important; color:#fff !important; }

/* Zdjęcia: jak standardowe zdjęcia Visual Composer – delikatny cień, bez futurystycznych kształtów. */
#anhj-hejt .anhj-photo { margin:0; }
#anhj-hejt .anhj-photo img { width:100%; aspect-ratio:1.53/1; object-fit:cover; border-radius:2px; box-shadow:0 2px 12px rgba(0,0,0,.13); }

/* Fakty – czyste kafle bez wielkiego landing-page look. */
#anhj-hejt .anhj-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:42px 0 54px; }
#anhj-hejt .anhj-facts div { padding:20px 18px; background:#f5f5f5; border-top:3px solid #55bdbc; }
#anhj-hejt .anhj-facts strong { display:block; margin-bottom:5px; font-size:21px; line-height:1.2; }
#anhj-hejt .anhj-facts span { font-size:13px; opacity:.7; }

#anhj-hejt .anhj-section { margin-top:54px; }
#anhj-hejt .anhj-section-heading { margin-bottom:25px; }

/* Umiejętności. */
#anhj-hejt .anhj-skill-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
#anhj-hejt .anhj-skill { padding:19px 12px; text-align:center; border:1px solid #e5e5e5; background:#fff; }
#anhj-hejt .anhj-skill img { width:38px; height:38px; margin:0 auto 12px; }
#anhj-hejt .anhj-skill strong { display:block; font-size:14px; line-height:1.4; }

/* Kroki – jasna sekcja, podobna rytmem do standardowych bloków strony. */
#anhj-hejt .anhj-steps-wrap { padding:32px; background:#f5f5f5; }
#anhj-hejt .anhj-step-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
#anhj-hejt .anhj-step-grid article { padding:20px; background:#fff; border-bottom:3px solid #55bdbc; }
#anhj-hejt .anhj-step-grid article > span { display:block; margin-bottom:10px; color:#55bdbc; font-size:20px; font-weight:700; }
#anhj-hejt .anhj-step-grid article p { margin-bottom:0; font-size:13px; line-height:1.55; }

/* Organizacja. */
#anhj-hejt .anhj-org { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); background:#f5f5f5; }
#anhj-hejt .anhj-org-photo img { width:100%; height:100%; min-height:280px; object-fit:cover; }
#anhj-hejt .anhj-org-content { padding:30px; }
#anhj-hejt .anhj-org-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:23px; }
#anhj-hejt .anhj-org-grid > div { padding:17px; background:#fff; border:1px solid #e3e3e3; }
#anhj-hejt .anhj-org-grid img { width:34px; height:34px; margin-bottom:10px; }
#anhj-hejt .anhj-org-grid p { margin:5px 0 0; font-size:13px; line-height:1.55; }

/* Partner. */
#anhj-hejt .anhj-partner { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; padding:28px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#anhj-hejt .anhj-partner p:last-child { margin-bottom:0; }

/* Kontakt – turkus jak przycisk DNI OTWARTE, ale bez osobnej typografii. */
#anhj-hejt .anhj-contact { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:50px; padding:25px 28px; background:#55bdbc; color:#fff; }
#anhj-hejt .anhj-contact h2 { margin:0; color:#fff; font-size:22px; }
#anhj-hejt .anhj-contact > div { display:flex; gap:25px; align-items:center; }
#anhj-hejt .anhj-contact a { display:flex; align-items:center; gap:9px; color:#fff !important; font-size:14px; font-weight:700; }
#anhj-hejt .anhj-contact img { width:27px; height:27px; filter:brightness(0) invert(1); }
#anhj-hejt .anhj-contact small { font-weight:400; }

/* Usuwamy PRE/CODE jako dodatkowe zabezpieczenie, jeśli edytor nadal je wstawi. */
body.anhj-theme-page #main pre:has(#anhj-hejt),
body.anhj-theme-page #main code:has(#anhj-hejt) { white-space:normal; font:inherit; background:none; border:0; padding:0; margin:0; overflow:visible; }

@media(max-width:900px) {
  #anhj-hejt .anhj-lead-grid,
  #anhj-hejt .anhj-two-col,
  #anhj-hejt .anhj-org,
  #anhj-hejt .anhj-partner { grid-template-columns:1fr; }
  #anhj-hejt .anhj-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #anhj-hejt .anhj-skill-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #anhj-hejt .anhj-step-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  #anhj-hejt .anhj-inner { padding-left:20px; padding-right:20px; }
  #anhj-hejt .anhj-subpage-title .anhj-inner { padding-top:23px; padding-bottom:20px; }
  #anhj-hejt .anhj-subpage-title h1 { font-size:27px; }
  #anhj-hejt .anhj-content { padding-top:32px; }
  #anhj-hejt .anhj-content h2 { font-size:24px; }
  #anhj-hejt .anhj-facts { grid-template-columns:1fr; margin:32px 0 42px; }
  #anhj-hejt .anhj-skill-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #anhj-hejt .anhj-step-grid { grid-template-columns:1fr; }
  #anhj-hejt .anhj-steps-wrap { padding:24px 18px; }
  #anhj-hejt .anhj-org-grid { grid-template-columns:1fr; }
  #anhj-hejt .anhj-contact { flex-direction:column; align-items:flex-start; }
  #anhj-hejt .anhj-contact > div { flex-direction:column; align-items:flex-start; gap:12px; }
}