/* AIprawnik v8.4 — wyspecjalizowane ścieżki oraz spokojniejsza typografia redakcyjna */

.service-tabs-v84 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-tabs-v84 .service-tile-special-v84 {
  position: relative;
  min-height: 118px;
  overflow: hidden;
  border-color: #d9e2f3;
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 87, 245, .13), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f7f9fe 100%);
}

.service-tabs-v84 .service-tile-special-v84::before {
  content: attr(data-index);
  position: absolute;
  top: 12px;
  right: 14px;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: .12em;
  color: #8c99ae;
}

.service-tabs-v84 .service-tile-special-v84::after {
  content: "";
  position: absolute;
  right: -27px;
  bottom: -32px;
  width: 96px;
  height: 96px;
  border: 1px solid rgba(49, 87, 245, .19);
  border-radius: 50%;
  box-shadow: 0 0 0 16px rgba(49, 87, 245, .035), 0 0 0 33px rgba(49, 87, 245, .025);
  pointer-events: none;
}

.service-tabs-v84 .service-tile-special-v84 span {
  position: relative;
  z-index: 1;
  padding-right: 26px;
}

.service-tabs-v84 .service-tile-special-v84 b {
  font-size: 14px;
  letter-spacing: -.2px;
}

.service-tabs-v84 .service-tile-special-v84 small {
  max-width: 29ch;
  line-height: 1.48;
}

.service-tabs-v84 .service-tile-special-v84:has(input:checked) {
  border-color: #3157f5;
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 87, 245, .2), transparent 36%),
    linear-gradient(145deg, #fafdff 0%, #edf2ff 100%);
  box-shadow: 0 13px 34px rgba(31, 61, 160, .12);
}

/* Artykuły: nagłówek jak w profesjonalnym magazynie, a nie billboard. */
.article-page-v56 > article > header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(34px, 5vw, 72px) clamp(28px, 5vw, 76px);
  border: 1px solid #dce4f1;
  border-radius: 28px;
  background:
    linear-gradient(118deg, rgba(255,255,255,.98) 0%, rgba(250,252,255,.96) 62%, rgba(235,240,255,.88) 100%);
  box-shadow: 0 22px 70px rgba(18, 40, 82, .08);
}

.article-page-v56 > article > header::before {
  content: "§";
  position: absolute;
  z-index: -1;
  right: clamp(30px, 6vw, 92px);
  top: 50%;
  transform: translateY(-52%);
  font: 700 clamp(116px, 17vw, 248px)/1 Georgia, serif;
  color: rgba(49, 87, 245, .065);
}

.article-page-v56 > article > header::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -95px -125px auto;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  border: 1px solid rgba(49, 87, 245, .14);
  box-shadow: 0 0 0 34px rgba(49, 87, 245, .032), 0 0 0 74px rgba(49, 87, 245, .022);
  animation: editorialOrbitV84 16s linear infinite;
}

.article-page-v56 > article > header h1 {
  max-width: 16.5ch;
  margin: 26px 0 22px;
  font-size: clamp(38px, 4.15vw, 62px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.article-page-v56 .article-lead-v56 {
  max-width: 68ch;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  line-height: 1.72 !important;
}

.article-page-v56 > article > section,
.article-page-v56 > article > blockquote {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.article-page-v56 > article > section h2,
.article-sources-v62 h2,
.article-related-v75 h2 {
  font-size: clamp(25px, 2.5vw, 38px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.028em !important;
  text-wrap: balance;
}

.article-page-v56 > article > section p {
  max-width: 74ch;
  font-size: 17px;
  line-height: 1.82;
}

/* Strona rozwoju: bardziej pitch deck / magazyn biznesowy, mniej ogromnego plakatu. */
.development-page-v73 .development-hero-v73 {
  position: relative;
  overflow: hidden;
  align-items: center;
  gap: clamp(36px, 5vw, 78px);
}

.development-page-v73 .development-hero-copy-v73 h1 {
  max-width: 12.8ch;
  font-size: clamp(43px, 4.7vw, 68px) !important;
  line-height: .99 !important;
  letter-spacing: -.05em !important;
  text-wrap: balance;
}

.development-page-v73 .development-hero-copy-v73 > p {
  max-width: 62ch;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.68;
}

.development-page-v73 .development-console-v73 {
  transform: none;
  box-shadow: 0 28px 90px rgba(12, 34, 75, .16);
}

.development-page-v73 .development-story-grid-v73 h2,
.development-page-v73 .development-partnerships-v73 h2,
.development-page-v73 .development-contact-v73 h2 {
  font-size: clamp(27px, 3vw, 43px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.032em !important;
  text-wrap: balance;
}

.development-page-v73 .development-story-grid-v73 p,
.development-page-v73 .development-partnerships-v73 p {
  font-size: 16px;
  line-height: 1.72;
}

.minimum-pages-v84 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #243d91 !important;
  font-weight: 900 !important;
}

.minimum-pages-v84::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #eaf0ff;
  color: #3157f5;
  font-size: 10px;
}

@keyframes editorialOrbitV84 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .article-page-v56 > article > header::after { animation: none; }
}

@media (max-width: 920px) {
  .service-tabs-v84 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-page-v56 > article > header h1 { max-width: 20ch; }
  .development-page-v73 .development-hero-copy-v73 h1 { max-width: 15ch; }
}

@media (max-width: 640px) {
  .service-tabs-v84 { grid-template-columns: 1fr; }
  .service-tabs-v84 .service-tile-special-v84 { min-height: 96px; }
  .article-page-v56 > article > header {
    padding: 28px 21px 31px;
    border-radius: 21px;
  }
  .article-page-v56 > article > header h1 {
    max-width: none;
    margin: 20px 0 17px;
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.04 !important;
  }
  .article-page-v56 > article > header::before {
    right: -8px;
    top: 26%;
    font-size: 118px;
  }
  .article-page-v56 > article > section p { font-size: 16px; line-height: 1.75; }
  .development-page-v73 .development-hero-copy-v73 h1 {
    max-width: none;
    font-size: clamp(39px, 11.5vw, 52px) !important;
    line-height: 1.01 !important;
  }
}