.pgi-tool__header h2, .pgi-tool__result h3, .pgi-strategy-result h3, .pgi-strategy legend {
  letter-spacing: -0.012em;
  line-height: 1.05;
}
.pgi-keep {
  margin-top: 18px;
  padding: 21px;
  border: 2px solid var(--pgi-black);
  border-radius: 14px;
  background: var(--pgi-cream);
}
.pgi-diagnosis b, .pgi-next b, .pgi-keep b {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 900;
  text-transform: none;
}
.pgi-diagnosis p, .pgi-next p, .pgi-keep p { margin: 0; }

.pgi-tool { width: min(1180px, calc(100% - 32px)); max-width: 1180px; }
.pgi-tool__layout { grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); }
.pgi-tool__form, .pgi-tool__result { min-width: 0; }
.pgi-tool__result { overflow: hidden; }
.pgi-tool__result h3, .pgi-strategy-result h3 { overflow-wrap: anywhere; font-size: clamp(32px, 4.2vw, 52px); }
.pgi-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pgi-metrics strong { overflow-wrap: anywhere; }
.pgi-all-tools { display: inline-flex; margin: 24px 28px 0; font-weight: 800; font-size: 13px; text-decoration: none; }
.pgi-tool__footer { padding: 0 0 28px; }
.pgi-tool__footer .pgi-all-tools { margin-top: 0; }
.pgi-question-example { display: block; max-width: 720px; margin-top: 14px; color: #68635e; font: 500 16px/1.55 Montserrat, sans-serif; letter-spacing: 0; }
.pgi-strategy fieldset[data-dimension="audience"] legend:after { content: "Pavyzdžiui: ne tiesiog „moterims 25–45 m.“, o savarankiškai dirbančiai specialistei, kuri pati rūpinasi savo reklama ir nežino, nuo ko pradėti."; }
.pgi-strategy fieldset[data-dimension="positioning"] legend:after { content: "Pavyzdžiui: ar per kelias sekundes galima suprasti, kodėl rinktis tave, o ne kitą panašų specialistą?"; }
.pgi-strategy fieldset[data-dimension="offer"] legend:after { content: "Pavyzdžiui: ką žmogus gaus, kokią problemą tai išspręs, kiek kainuos ir ką reikia daryti norint įsigyti?"; }
.pgi-strategy fieldset[data-dimension="difference"] legend:after { content: "Pavyzdžiui: tavo metodas, patirtis, procesas arba rezultatas, kurio nesiūlo kiti."; }
.pgi-strategy fieldset[data-dimension="channels"] legend:after { content: "Pavyzdžiui: Instagram padeda pasiekti ir supažindinti, svetainė paaiškina, o naujienlaiškis grąžina ir parduoda."; }
.pgi-strategy fieldset[data-dimension="journey"] legend:after { content: "Pavyzdžiui: perskaitęs įrašą jis žino, ar turi eiti į svetainę, atsisiųsti įrankį, registruotis ar pirkti."; }
.pgi-strategy fieldset[data-dimension="measurement"] legend:after { content: "Pavyzdžiui: matai ne tik patiktukus, bet ir žinai, kiek kainavo klientas bei kiek pajamų ar pelno atnešė reklama."; }
.pgi-strategy fieldset legend:after { display:block; max-width:720px; margin-top:14px; color:#68635e; font:500 16px/1.55 Montserrat,sans-serif; letter-spacing:0; }
.pgi-strengths, .pgi-strategy-result .pgi-diagnosis, .pgi-strategy-result .pgi-next, .pgi-strategy-result .pgi-keep { margin-top: 22px; padding: 24px 28px; border: 2px solid var(--pgi-black); border-radius: 16px; }
.pgi-strengths { background: #fff; }
.pgi-strategy-result .pgi-next { background: var(--pgi-soft); }
.pgi-strategy-result [data-strategy-restart] { margin-top: 30px; }
@media (max-width: 1050px) { .pgi-tool__layout { grid-template-columns: 1fr; } .pgi-tool__form { border-right: 0; border-bottom: 3px solid var(--pgi-black); } }
@media (max-width: 600px) { .pgi-tool { width: calc(100% - 20px); } .pgi-metrics { grid-template-columns: 1fr; } .pgi-all-tools { margin-inline: 20px; } }

@media (max-width: 1050px) {
  .pgi-tool { margin-top: 28px; margin-bottom: 28px; }
  .pgi-tool__layout { grid-template-columns: minmax(0, 1fr); }
  .pgi-tool__form, .pgi-tool__result { width: 100%; }
  .pgi-metrics > div { min-width: 0; }
  .pgi-strategy-form, .pgi-strategy-result { padding: clamp(28px, 5vw, 48px); }
  .pgi-strategy fieldset { min-height: 0; }
}

@media (max-width: 600px) {
  .pgi-tool {
    width: calc(100% - 24px);
    margin: 20px auto;
    border-width: 2px;
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--pgi-black);
  }
  .pgi-tool__header, .pgi-tool__form, .pgi-tool__result,
  .pgi-strategy-form, .pgi-strategy-result { padding: 26px 20px; }
  .pgi-tool__header h2 { font-size: clamp(34px, 11vw, 48px); overflow-wrap: anywhere; }
  .pgi-tool__header p { font-size: 16px; }
  .pgi-tool__result h3, .pgi-strategy-result h3 { font-size: clamp(30px, 10vw, 42px); }
  .pgi-field { margin-bottom: 17px; }
  .pgi-field select { padding: 10px 38px 10px 12px; height: auto; min-height: 52px; white-space: normal; }
  .pgi-input { min-width: 0; }
  .pgi-input input { width: 100%; }
  .pgi-primary { width: 100%; white-space: normal; }
  .pgi-metrics { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pgi-metrics > div { padding: 15px; }
  .pgi-metrics strong { font-size: 23px; }
  .pgi-diagnosis, .pgi-next, .pgi-keep, .pgi-strengths,
  .pgi-strategy-result .pgi-diagnosis, .pgi-strategy-result .pgi-next,
  .pgi-strategy-result .pgi-keep { padding: 20px; }
  .pgi-progress { padding: 18px 20px; }
  .pgi-strategy legend { font-size: clamp(29px, 9vw, 38px); }
  .pgi-strategy fieldset legend:after { font-size: 15px; }
  .pgi-strategy fieldset label { padding: 14px; font-size: 14px; }
  .pgi-actions { gap: 12px; }
  .pgi-actions button { flex: 1; padding-inline: 12px; }
  .pgi-dimension-grid > div { grid-template-columns: minmax(0, 1fr) auto; }
  .pgi-all-tools { margin: 20px 20px 0; }
  .pgi-tool__footer { padding-bottom: 22px; }
}