:root{--glos-roz:#835977;--glos-bg:#faf7f8}
#gd-banner{box-sizing:border-box;background:linear-gradient(100deg,#faf7f8,#f5edf3);color:#4f3950;font-family:Georgia,serif;padding:19px 20px;text-align:center;border-bottom:1px solid #eadce6}
#gd-banner strong{font-size:clamp(22px,3vw,34px);display:block;margin-bottom:5px;font-weight:600}
#gd-banner p{font:14px system-ui,sans-serif;margin:0;color:#715f70}
#gd-footer{text-align:center;padding:20px 12px;background:#faf7f8;color:#7e6b7e;font:12px/1.6 system-ui,sans-serif}
#gd-footer a{color:var(--glos-roz)}

/* V7: jeden pionowy układ. Informacje zawsze po BodyGraphie. */
.gd-layout-stacked{
  display:flex!important;
  flex-flow:column nowrap!important;
  align-items:stretch!important;
  gap:30px!important;
  grid-template-columns:none!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.gd-layout-stacked > .gd-chart-top,
.gd-layout-stacked > .gd-information-below{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  grid-column:1 / -1!important;
  grid-row:auto!important;
  position:relative!important;
  transform:none!important;
}
.gd-layout-stacked > .gd-chart-top{order:0!important;z-index:1!important;overflow:visible!important;max-height:none!important}
.gd-layout-stacked > .gd-information-below{order:1!important;z-index:2!important;clear:both!important}

/* Ważne: NIE rozciągamy wewnętrznych kontenerów na całą stronę.
   Powinny mieć własny rozmiar i nie wyciekać poza kartę. */
.gd-chart-top .gd-graph-internal{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Skalowanie wyłącznie oryginalnego SVG z zachowaniem geometrii i proporcji. */
.gd-chart-top svg.gd-bodygraph-wide{
  display:block!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(75vh,760px)!important;
  min-width:0!important;
  min-height:0!important;
  margin-inline:auto!important;
  overflow:visible!important;
  object-fit:contain!important;
  transform:none!important;
  position:static!important;
}

/* Opisy mają własny obszar, nic nie może na nie nachodzić. */
.gd-information-below{isolation:isolate!important}
.gd-information-below > *{max-width:100%!important}

@media(max-width:800px){
  .gd-layout-stacked{gap:18px!important}
  .gd-chart-top svg.gd-bodygraph-wide{max-height:70vh!important}
}

/* V8: sekcja wykresu rozszerza się do jego dolnej krawędzi. */
.gd-chart-top { padding-bottom:28px!important; overflow:visible!important; }
.gd-chart-top .gd-graph-internal { max-height:none!important; overflow:visible!important; }
.gd-layout-stacked { overflow:visible!important; }
.gd-chart-top svg.gd-bodygraph-wide { max-height:min(75vh,760px)!important; overflow:visible!important; }


/* V9 — kafelki pod kalkulatorem Human Design */
.gd-hd-resources{box-sizing:border-box;width:100%;max-width:1100px;margin:28px auto 44px;padding:20px;border:1px solid #e9d9eb;border-radius:18px;background:#fcf9fd;font-family:inherit;color:#5f456d}
.gd-hd-resources-head{text-align:center;margin-bottom:18px}
.gd-hd-resources-head h2{font-family:Georgia,serif;font-size:clamp(21px,2.6vw,30px);font-weight:500;margin:0 0 8px;color:#674b78}
.gd-hd-resources-head p{font-size:14px;line-height:1.55;color:#756a78;margin:0 auto;max-width:730px}
.gd-hd-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gd-hd-resource-link{display:flex;min-height:85px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:13px 16px;border-radius:12px;border:1px solid #e2d2e8;background:#7f618f;color:#fff!important;font-size:15px;font-weight:650;text-decoration:none!important;text-align:center;transition:background .2s ease,transform .2s ease}
.gd-hd-resource-link:nth-child(even){background:#f3eaf5;color:#79568d!important}
.gd-hd-resource-link:last-child{grid-column:auto;min-height:85px;background:#f3eaf5;color:#79568d!important}
.gd-hd-resource-link:hover,.gd-hd-resource-link:focus-visible{background:#6e507f!important;color:#fff!important;transform:translateY(-2px)}
.gd-hd-resource-icon{font-size:18px;line-height:1.2}
@media(max-width:620px){.gd-hd-resources{padding:14px;margin-top:20px}.gd-hd-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gd-hd-resource-link{min-height:82px;padding:10px 7px;font-size:12px}}

/* V12 — spokojny, ograniczony układ dla osadzenia na Publigo.
   Celowo nie zmieniamy bram, geometrii SVG ani tekstów. */
.gd-layout-stacked {
  width: min(100%, 1020px) !important;
  max-width: 1020px !important;
  margin-inline: auto !important;
  gap: 22px !important;
}
.gd-layout-stacked > .gd-chart-top,
.gd-layout-stacked > .gd-information-below {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
/* Zapobiega zbyt szerokiemu rozsuwaniu kolumn z aktywacjami planetarnymi. */
.gd-chart-top { max-width: 1020px !important; overflow: hidden !important; }
.gd-chart-top .gd-graph-internal { max-width: 100% !important; min-width: 0 !important; }
.gd-chart-top svg.gd-bodygraph-wide {
  width: auto !important;
  max-width: min(100%, 560px) !important;
  height: auto !important;
  max-height: 730px !important;
  object-fit: contain !important;
  overflow: visible !important;
}
.gd-information-below { clear: both !important; }
.gd-hd-resources { width: min(100%, 1020px) !important; margin-inline: auto !important; }
@media (max-width: 760px) {
  .gd-layout-stacked { width: 100% !important; gap: 16px !important; }
  .gd-chart-top { overflow: hidden !important; padding-inline: 6px !important; }
  .gd-chart-top svg.gd-bodygraph-wide {
    max-width: 100% !important;
    max-height: 620px !important;
  }
  .gd-hd-resources { max-width: 100% !important; }
}