.tp04-karta { margin: 3rem 0; color: #173a56; }
.tp04-karta__panel { box-sizing: border-box; padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid #c9dce9; border-radius: 1.25rem; background: #f0f7fc; }
.tp04-karta .tp04-karta__eyebrow { margin: 0 0 .65rem; font-size: .875rem; font-weight: 700; color: #365e78; }
.tp04-karta h2 { margin: 0 0 1rem; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.25; color: #173a56; }
.tp04-karta p { line-height: 1.65; }
.tp04-karta ul { margin: 1rem 0 1.5rem; padding-left: 1.25rem; list-style: disc; }
.tp04-karta li { margin: .4rem 0; }
.tp04-karta__links { display: flex; flex-wrap: wrap; gap: .75rem; }
.tp04-karta a.tp04-karta__button { box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; min-height: 48px; max-width: 100%; padding: .8rem 1.2rem; border: 2px solid #1f577c; border-radius: .6rem; background: #1f577c; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.tp04-karta a.tp04-karta__button--secondary { background: #fff; color: #1f577c; }
.tp04-karta a.tp04-karta__button:hover { background: #153e5a; border-color: #153e5a; color: #fff; }
.tp04-karta a.tp04-karta__button:focus-visible { outline: 3px solid #d98300; outline-offset: 4px; }
.tp04-karta .tp04-karta__note { margin: 1.25rem 0 0; font-size: .875rem; color: #365e78; }
@media (max-width: 480px) { .tp04-karta__links { flex-direction: column; } .tp04-karta a.tp04-karta__button { width: 100%; } }
@media print { .tp04-karta { break-inside: avoid; margin: 1rem 0; } .tp04-karta__panel { background: #fff; padding: 1rem; } .tp04-karta a.tp04-karta__button { background: #fff; color: #173a56; } }

/* Keep the related-code section aligned with the existing construction hub. */
body.page-id-2735 #main-content.twojepkd-unified-hub-main > .twojepkd-growth1000-related {
  box-sizing: border-box;
  width: min(calc(100% - 48px), 980px);
  margin-inline: auto;
  margin-bottom: 46px;
}
@media (max-width: 640px) {
  body.page-id-2735 #main-content.twojepkd-unified-hub-main > .twojepkd-growth1000-related {
    width: min(calc(100% - 28px), 980px);
    margin-bottom: 34px;
  }
}