/*
  QP Network Telugu Master — Base UI Layer
  Scope: public_html/te/ only
  Version: 2.0.0

  Centralizes rules previously duplicated across page-level <style> blocks.
*/

.te-language-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border: none !important;
  border-radius: 0;
  padding: 6px 4px;
  font: inherit;
  cursor: pointer;
  min-width: 34px;
  width: 34px;
  text-align: center;
  text-align-last: center;
  outline: none;
  box-shadow: none;
}

.te-language-select option {
  color: #111111;
  -webkit-text-fill-color: #111111;
  background: #ffffff;
}

main .hero h1 {
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  line-height: 1.35;
}

main .section h2 {
  font-size: clamp(1.1rem, 1.6vw, 1.35rem) !important;
  line-height: 1.45;
}

@media (min-width: 769px) {
  main .hero h1 {
    font-size: clamp(1.0125rem, 1.65vw, 1.3125rem) !important;
  }

  main .section h2 {
    font-size: clamp(0.825rem, 1.2vw, 1.0125rem) !important;
  }
}

/* Reusable long-page jump navigation */
.te-toc {
  margin: 0;
  padding: 24px 0;
  border-bottom: 1px solid rgba(18, 74, 60, .12);
  background: rgba(255, 255, 255, .72);
}

.te-toc .wrap {
  display: grid;
  gap: 14px;
}

.te-toc-title {
  margin: 0;
  color: #123f35;
  font-size: .95rem;
  font-weight: 600;
}

.te-toc-links {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.te-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(18, 74, 60, .14);
  border-radius: 999px;
  background: #ffffff;
  color: #155d4b;
  text-decoration: none;
  font-size: .82rem;
  line-height: 1.3;
}

.te-toc a:hover,
.te-toc a:focus-visible {
  border-color: rgba(21, 93, 75, .38);
  text-decoration: underline;
}

@media (max-width: 640px) {
  .te-toc-links {
    display: grid;
    grid-template-columns: 1fr;
  }

  .te-toc a {
    border-radius: 12px;
  }
}

/* ==========================================================
   QPN Telugu Master — Desktop layout refinements
   2026-09-08
   Scope: Telugu pages only. Mobile/tablet behavior unchanged.
   1) Move the desktop header QPN logo 5 cm inward from its current start position.
   2) Vertically center the left heading/subheading block in two-column .split sections
      and give that heading block balanced desktop padding.
   ========================================================== */
@media (min-width: 1101px) {
  header .header-brand {
    margin-inline-start: 5cm !important;
  }

  main .section .wrap.split > :first-child {
    align-self: center !important;
    padding: 48px 44px !important;
    box-sizing: border-box;
  }
}