.po-contact-form-card,
.po-contact-info-card,
.po-contact-faq,
.po-faq-card {
  border: 1px solid rgba(21, 35, 29, 0.18);
  border-radius: 0.75rem;
  background: #fffef9;
  box-shadow: none;
  backdrop-filter: none;
}

.po-contact-form-card {
  border-top: 0.5rem solid #e1493f;
}

.po-contact-form-card h2,
.po-contact-info-card h2 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 850;
  letter-spacing: -0.045em;
}

.po-contact-item {
  border: 0;
  border-bottom: 1px solid rgba(21, 35, 29, 0.14);
  border-radius: 0;
  background: transparent;
}

.po-contact-item:hover {
  background: #edf2e9;
}

/* Kontaktų DUK sėdi siaurame stulpelyje šalia formos: dvi kolonos netelpa, todėl
   antraštė ir sąrašas sudedami vienas virš kito, o antraštė lygiuojama su
   „Kontaktinė informacija" dydžiu. */
.po-contact-faq.editorial-faq {
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
}

.po-contact-faq .editorial-faq__title {
  max-width: none;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  letter-spacing: -0.045em;
}

.po-faq-nav > div {
  padding: 1.2rem;
  border: 1px solid rgba(21, 35, 29, 0.18);
  border-radius: 0.75rem;
  background: #fffef9;
}

.po-faq-nav > div > a {
  color: rgba(21, 35, 29, 0.72);
}

.po-faq-nav > div > a:hover {
  background: #edf2e9;
  color: #4cae50;
}

.po-faq-nav > div > div {
  border-color: rgba(21, 35, 29, 0.14);
}

.po-faq-section > div:first-child {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(21, 35, 29, 0.18);
}

.po-faq-section > div:first-child > div {
  border-radius: 0.35rem;
}

.status-page {
  position: relative;
  width: min(100% - 2rem, 38rem);
  min-height: calc(100vh - 10rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 6vw, 5rem);
}

.status-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(21, 35, 29, 0.2);
  border-radius: 0.8rem;
  background: #fffef9;
  box-shadow: 0 28px 65px -48px rgba(21, 35, 29, 0.85);
  backdrop-filter: none;
}

.status-panel::before,
.po-certificate-card::before {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: 0.45rem;
  background: linear-gradient(90deg, #4cae50 0 42%, #e1493f 42% 68%, #5370ff 68% 88%, #efb92f 88%);
}

.status-panel [class*='rounded-full'] {
  border-radius: 0.4rem;
}

.status-panel h1,
.status-panel [class*='CardTitle'],
.status-panel .text-2xl {
  color: #15231d;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.status-panel button,
.status-panel a[class*='inline-flex'] {
  border-radius: 0.4rem;
}

.po-certificate-page,
.po-questionnaire-page {
  padding-block: clamp(2rem, 6vw, 5rem);
}

.po-not-found-page .page-hero {
  border-color: #15231d;
  background: #15231d;
}

.po-not-found-page .page-hero__eyebrow,
.po-not-found-page .page-hero__title {
  color: #fffef9;
}

.po-not-found-page .page-hero__description {
  color: rgba(255, 254, 249, 0.66);
}

.po-not-found-page .page-hero__aside {
  border: 1px solid rgba(205, 234, 129, 0.35);
  border-radius: 0.6rem;
  background: rgba(205, 234, 129, 0.08);
}

.po-not-found-page .page-hero__aside span {
  color: #cdea81;
}

.po-certificate-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(21, 35, 29, 0.2);
  border-radius: 0.8rem;
  background: #fffef9;
  box-shadow: none;
}

.po-certificate-card__header {
  background: #15231d;
}

.po-certificate-card [class*='rounded-xl'] {
  border-radius: 0.4rem;
  background: #edf2e9;
}

.po-questionnaire-page > .glass-solid,
.po-questionnaire-page form,
.po-questionnaire-page > div > .glass-solid {
  border: 1px solid rgba(21, 35, 29, 0.18);
  border-radius: 0.75rem;
  background: #fffef9;
  box-shadow: none;
}

.po-questionnaire-header {
  padding: 1.5rem;
  border-left: 0.45rem solid #4cae50;
  background: #15231d;
}

.po-questionnaire-header h1,
.po-questionnaire-header .text-foreground {
  color: #fffef9;
}

.po-questionnaire-header .text-muted-foreground {
  color: rgba(255, 254, 249, 0.64);
}
