:root {
  --pn-ink: #101828;
  --pn-muted: #667085;
  --pn-line: #e4e7ec;
  --pn-soft: #f6f8fb;
  --pn-brand: #2737c5;
  --pn-brand-dark: #111b70;
  --pn-accent: #e31b23;
  --pn-white: #fff;
  --pn-radius: 16px;
  --pn-shadow: 0 18px 48px rgba(16, 24, 40, 0.09);
}

.pn-newsroom,
.pn-newsroom button,
.pn-newsroom input {
  color: var(--pn-ink);
  font-family: "Noto Sans Telugu", "Nirmala UI", Gautami, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pn-newsroom {
  background: var(--pn-white);
  font-size: 16px;
  line-height: 1.65;
  overflow: hidden;
}

.pn-newsroom *,
.pn-newsroom *::before,
.pn-newsroom *::after {
  box-sizing: border-box;
}

.pn-sr-only {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pn-shell {
  margin-inline: auto;
  max-width: 1280px;
  padding-inline: 28px;
  width: 100%;
}

.pn-latest {
  background: var(--pn-brand-dark);
  color: var(--pn-white);
}

.pn-latest__inner {
  align-items: center;
  display: flex;
  min-height: 48px;
  overflow: hidden;
}

.pn-latest strong {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  gap: 8px;
  letter-spacing: 0.12em;
  padding-right: 22px;
  text-transform: uppercase;
}

.pn-latest strong span {
  animation: pn-pulse 1.7s infinite;
  background: #ff4d55;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 77, 85, 0.14);
  height: 7px;
  width: 7px;
}

.pn-latest__track {
  display: flex;
  gap: 28px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.pn-latest__track a {
  color: rgba(255, 255, 255, 0.9);
  flex: 0 0 auto;
  font-size: 14px;
  text-decoration: none;
}

.pn-latest__track a:hover {
  color: var(--pn-white);
  text-decoration: underline;
}

@keyframes pn-pulse {
  50% { opacity: 0.45; }
}

.pn-hero {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.85fr);
  padding-bottom: 54px;
  padding-top: 34px;
}

.pn-hero__side {
  border-bottom: 1px solid var(--pn-line);
  border-top: 1px solid var(--pn-line);
  display: grid;
  height: 510px;
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.pn-hero__side .pn-card--compact {
  grid-template-columns: 110px minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  padding: 10px 0;
}

.pn-hero__side .pn-card--compact .pn-card__title {
  display: -webkit-box;
  font-size: 16px;
  line-height: 1.38;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.pn-hero__side .pn-card--compact .pn-card__media {
  aspect-ratio: 16 / 10;
}

.pn-card {
  min-width: 0;
}

.pn-card a {
  text-decoration: none;
}

.pn-card__media {
  background: #e9edf5;
  display: block;
  overflow: hidden;
  position: relative;
}

.pn-card__image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
  width: 100%;
}

.pn-card:hover .pn-card__image {
  transform: scale(1.035);
}

.pn-card__placeholder {
  align-items: center;
  background: linear-gradient(135deg, var(--pn-brand-dark), var(--pn-brand));
  color: rgba(255, 255, 255, 0.88);
  display: flex;
  font-size: 24px;
  font-weight: 800;
  height: 100%;
  justify-content: center;
  min-height: 150px;
}

.pn-kicker {
  color: var(--pn-accent);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 9px;
  text-transform: uppercase;
}

.pn-card__title {
  font-size: 22px;
  font-weight: 750;
  line-height: 1.38;
  margin: 0;
}

.pn-card__title a {
  color: var(--pn-ink);
}

.pn-card__title a:hover {
  color: var(--pn-brand);
}

.pn-card__excerpt {
  color: var(--pn-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 12px 0 0;
}

.pn-meta {
  align-items: center;
  color: var(--pn-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 8px;
  margin-top: 15px;
}

.pn-meta__author {
  color: #344054;
  font-weight: 700;
}

.pn-meta__dot {
  background: #98a2b3;
  border-radius: 50%;
  display: inline-block;
  height: 3px;
  width: 3px;
}

.pn-card--hero {
  border-radius: var(--pn-radius);
  min-height: 510px;
  overflow: hidden;
  position: relative;
}

.pn-card--hero .pn-card__media,
.pn-card--hero .pn-card__placeholder {
  height: 100%;
  inset: 0;
  min-height: 510px;
  position: absolute;
  width: 100%;
}

.pn-card--hero .pn-card__media img {
  object-position: center 28%;
}

.pn-card--hero::after {
  background: linear-gradient(180deg, transparent 28%, rgba(4, 9, 30, 0.88) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.pn-card--hero .pn-card__body {
  bottom: 0;
  color: var(--pn-white);
  left: 0;
  padding: 38px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.pn-card--hero .pn-kicker {
  background: var(--pn-accent);
  border-radius: 999px;
  color: var(--pn-white);
  padding: 5px 10px;
}

.pn-card--hero .pn-card__title {
  font-size: clamp(29px, 3vw, 46px);
  letter-spacing: -0.02em;
  line-height: 1.28;
  max-width: 920px;
}

.pn-card--hero .pn-card__title a,
.pn-card--hero .pn-card__excerpt,
.pn-card--hero .pn-meta,
.pn-card--hero .pn-meta__author {
  color: var(--pn-white);
}

.pn-card--hero .pn-card__excerpt {
  max-width: 760px;
  opacity: 0.84;
}

.pn-card--hero .pn-meta__dot {
  background: rgba(255, 255, 255, 0.7);
}

.pn-card--compact {
  align-items: center;
  display: grid;
  gap: 15px;
  grid-template-columns: 145px minmax(0, 1fr);
  padding: 16px 0;
}

.pn-card--compact + .pn-card--compact {
  border-top: 1px solid var(--pn-line);
}

.pn-card--compact .pn-card__media,
.pn-card--mini .pn-card__media {
  aspect-ratio: 16 / 10;
  border-radius: 10px;
}

.pn-card--compact .pn-card__title,
.pn-card--mini .pn-card__title {
  font-size: 17px;
  line-height: 1.45;
}

.pn-card--compact .pn-kicker,
.pn-card--compact .pn-meta {
  margin-bottom: 4px;
  margin-top: 5px;
}

.pn-section {
  padding-bottom: 64px;
  padding-top: 64px;
}

.pn-section__header {
  align-items: flex-end;
  border-bottom: 1px solid var(--pn-line);
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 16px;
  position: relative;
}

.pn-section__header::after {
  background: var(--pn-accent);
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 54px;
}

.pn-section__eyebrow {
  color: var(--pn-brand);
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.pn-section__header h2 {
  color: var(--pn-ink);
  font-size: clamp(25px, 2.4vw, 35px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}

.pn-section__more {
  color: var(--pn-brand);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.pn-region-grid {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: 18px;
}

.pn-region__grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pn-region__grid .pn-card--standard {
  grid-row: span 2;
}

.pn-card--standard .pn-card__media {
  aspect-ratio: 16 / 9;
  border-radius: 13px;
}

.pn-card--standard .pn-card__body {
  padding-top: 17px;
}

.pn-card--mini {
  align-items: center;
  border-top: 1px solid var(--pn-line);
  display: grid;
  gap: 13px;
  grid-template-columns: 112px minmax(0, 1fr);
  padding-top: 16px;
}

.pn-card--mini .pn-kicker {
  font-size: 10px;
  margin-bottom: 3px;
}

.pn-card--mini .pn-meta {
  margin-top: 7px;
}

.pn-section--tint {
  background: var(--pn-soft);
}

.pn-card-grid {
  display: grid;
  gap: 26px;
}

.pn-card-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pn-card-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pn-topic-grid {
  display: grid;
  gap: 42px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pn-topic__posts {
  display: grid;
  gap: 17px;
}

.pn-topic .pn-card--mini {
  grid-template-columns: 96px minmax(0, 1fr);
}

.pn-topic .pn-card--mini:first-child {
  border-top: 0;
  padding-top: 0;
}

.pn-app-band {
  background: linear-gradient(125deg, #0d174e 0%, #2637c7 70%, #5364ef 100%);
  color: var(--pn-white);
  margin: 12px 0;
}

.pn-app-band__inner {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  min-height: 245px;
  padding-bottom: 45px;
  padding-top: 45px;
}

.pn-app-band .pn-section__eyebrow,
.pn-app-band h2,
.pn-app-band p {
  color: var(--pn-white);
}

.pn-app-band h2 {
  font-size: clamp(29px, 3vw, 44px);
  margin: 0 0 10px;
}

.pn-app-band p {
  margin: 0;
  max-width: 730px;
  opacity: 0.82;
}

.pn-button {
  background: var(--pn-white);
  border-radius: 999px;
  color: var(--pn-brand-dark);
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  gap: 8px;
  padding: 13px 22px;
  text-decoration: none;
  white-space: nowrap;
}

.pn-recent__list {
  display: grid;
  gap: 0 36px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pn-card--list {
  align-items: center;
  border-bottom: 1px solid var(--pn-line);
  display: grid;
  gap: 20px;
  grid-template-columns: 190px minmax(0, 1fr);
  padding: 22px 0;
}

.pn-card--list .pn-card__media {
  aspect-ratio: 16 / 10;
  border-radius: 12px;
}

.pn-card--list .pn-card__title {
  font-size: 19px;
}

.pn-card--list .pn-card__excerpt {
  display: none;
}

/* Category archive */
.pn-archive-head,
.pn-article-head {
  background: linear-gradient(180deg, #f7f8ff 0%, #fff 100%);
  border-bottom: 1px solid var(--pn-line);
}

.pn-archive-head .pn-shell {
  padding-bottom: 54px;
  padding-top: 38px;
}

.pn-breadcrumb {
  align-items: center;
  color: var(--pn-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 9px;
  margin-bottom: 27px;
}

.pn-breadcrumb a {
  color: var(--pn-brand);
  text-decoration: none;
}

.pn-archive-head h1 {
  color: var(--pn-ink);
  font-size: clamp(40px, 5vw, 70px);
  font-weight: 850;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin: 5px 0 0;
}

.pn-archive-head__description {
  color: var(--pn-muted);
  margin-top: 14px;
  max-width: 760px;
}

.pn-archive-featured {
  display: grid;
  gap: 27px;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.8fr);
  padding-bottom: 28px;
  padding-top: 42px;
}

.pn-archive-featured__side {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pn-archive-featured__side .pn-card__title {
  font-size: 18px;
}

.pn-archive-feed {
  padding-top: 38px;
}

.pn-pagination {
  padding-bottom: 70px;
}

.pn-pagination .nav-links {
  align-items: center;
  display: flex;
  gap: 7px;
  justify-content: center;
}

.pn-pagination .page-numbers {
  align-items: center;
  border: 1px solid var(--pn-line);
  border-radius: 8px;
  color: var(--pn-ink);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  min-height: 40px;
  min-width: 40px;
  padding: 7px 12px;
  text-decoration: none;
}

.pn-pagination .page-numbers.current,
.pn-pagination .page-numbers:hover {
  background: var(--pn-brand);
  border-color: var(--pn-brand);
  color: var(--pn-white);
}

/* Article */
.pn-article-head__inner {
  padding-bottom: 54px;
  padding-top: 38px;
}

.pn-article-head h1 {
  color: var(--pn-ink);
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1.23;
  margin: 12px 0 18px;
  max-width: 1120px;
}

.pn-article-head__dek {
  color: #475467;
  font-size: clamp(18px, 1.7vw, 23px);
  line-height: 1.65;
  margin: 0 0 28px;
  max-width: 900px;
}

.pn-article-byline {
  align-items: center;
  display: flex;
  gap: 12px;
}

.pn-article-byline__avatar {
  border-radius: 50%;
  height: 44px;
  object-fit: cover;
  width: 44px;
}

.pn-article-byline > div > a {
  color: var(--pn-ink);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.pn-article-byline .pn-meta {
  margin-top: 2px;
}

.pn-article-hero {
  margin-top: 42px;
  max-width: 1180px;
}

.pn-article-hero__image {
  aspect-ratio: 16 / 9;
  border-radius: var(--pn-radius);
  box-shadow: var(--pn-shadow);
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.pn-article-hero figcaption {
  color: var(--pn-muted);
  font-size: 12px;
  margin-top: 10px;
}

.pn-article-layout {
  display: grid;
  gap: 44px;
  grid-template-columns: 64px minmax(0, 790px);
  justify-content: center;
  padding-bottom: 72px;
  padding-top: 48px;
}

.pn-share {
  align-items: center;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: sticky;
  top: 110px;
}

.pn-share > span {
  color: var(--pn-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pn-share a {
  align-items: center;
  border: 1px solid var(--pn-line);
  border-radius: 50%;
  color: var(--pn-brand);
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 42px;
  justify-content: center;
  text-decoration: none;
  transition: 0.2s ease;
  width: 42px;
}

.pn-share a:hover {
  background: var(--pn-brand);
  border-color: var(--pn-brand);
  color: var(--pn-white);
  transform: translateY(-2px);
}

.pn-article-content {
  color: #202939;
  font-family: "Noto Sans Telugu", "Nirmala UI", Gautami, Georgia, serif;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.95;
  min-width: 0;
}

.pn-article-content > p:first-of-type::first-letter {
  color: var(--pn-brand);
  float: left;
  font-size: 4.25em;
  font-weight: 800;
  line-height: 0.82;
  margin: 0.12em 0.12em 0 0;
}

.pn-article-content h2,
.pn-article-content h3,
.pn-article-content h4 {
  color: var(--pn-ink);
  font-family: "Noto Sans Telugu", "Nirmala UI", Gautami, Inter, sans-serif;
  font-weight: 800;
  line-height: 1.4;
  margin: 1.8em 0 0.7em;
}

.pn-article-content h2 { font-size: 1.65em; }
.pn-article-content h3 { font-size: 1.35em; }

.pn-article-content p,
.pn-article-content ul,
.pn-article-content ol,
.pn-article-content blockquote {
  margin-bottom: 1.35em;
}

.pn-article-content img,
.pn-article-content video,
.pn-article-content iframe {
  border-radius: 12px;
  height: auto;
  max-width: 100%;
}

.pn-article-content blockquote {
  border-left: 4px solid var(--pn-accent);
  color: #344054;
  font-size: 1.08em;
  font-weight: 600;
  padding: 8px 0 8px 24px;
}

.pn-article-content a {
  color: var(--pn-brand);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.pn-article-tags {
  align-items: center;
  border-top: 1px solid var(--pn-line);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 45px;
  padding-top: 22px;
}

.pn-article-tags span {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 800;
  margin-right: 5px;
  text-transform: uppercase;
}

.pn-article-tags a {
  background: var(--pn-soft);
  border-radius: 999px;
  color: #344054;
  font-family: Inter, sans-serif;
  font-size: 12px;
  padding: 6px 11px;
  text-decoration: none;
}

.pn-related {
  margin-top: 4px;
}

.pn-comments {
  max-width: 900px;
  padding-bottom: 70px;
  padding-top: 55px;
}

.pn-empty {
  padding-bottom: 90px;
  padding-top: 90px;
}

@media (max-width: 1199px) {
  .pn-hero,
  .pn-archive-featured {
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.85fr);
  }

  .pn-card-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pn-topic-grid {
    gap: 28px;
  }
}

@media (max-width: 991px) {
  .pn-shell { padding-inline: 22px; }

  .pn-hero,
  .pn-archive-featured,
  .pn-region-grid {
    grid-template-columns: 1fr;
  }

  .pn-hero__side {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .pn-hero__side .pn-card--compact:nth-child(even) {
    border-left: 1px solid var(--pn-line);
    padding-left: 18px;
  }

  .pn-card--compact {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .pn-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pn-topic:last-child {
    grid-column: 1 / -1;
  }

  .pn-recent__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .pn-shell { padding-inline: 16px; }
  .pn-latest__inner { min-height: 44px; }
  .pn-latest strong { padding-right: 15px; }
  .pn-latest__track { gap: 20px; }

  .pn-hero {
    gap: 16px;
    padding-bottom: 38px;
    padding-top: 18px;
  }

  .pn-card--hero,
  .pn-card--hero .pn-card__media,
  .pn-card--hero .pn-card__placeholder {
    min-height: 430px;
  }

  .pn-card--hero .pn-card__body { padding: 24px; }
  .pn-card--hero .pn-card__title { font-size: 28px; }
  .pn-card--hero .pn-card__excerpt { display: none; }

  .pn-hero__side,
  .pn-region__grid,
  .pn-topic-grid,
  .pn-card-grid--three,
  .pn-card-grid--four,
  .pn-archive-featured__side {
    grid-template-columns: 1fr;
  }

  .pn-hero__side .pn-card--compact:nth-child(even) {
    border-left: 0;
    padding-left: 0;
  }

  .pn-region-grid { gap: 8px; }
  .pn-region__grid .pn-card--standard { grid-row: auto; }
  .pn-section { padding-bottom: 45px; padding-top: 45px; }
  .pn-topic:last-child { grid-column: auto; }

  .pn-app-band__inner {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
  }

  .pn-card--list {
    gap: 14px;
    grid-template-columns: 125px minmax(0, 1fr);
  }

  .pn-card--list .pn-card__title { font-size: 16px; }
  .pn-card--list .pn-kicker { margin-bottom: 3px; }
  .pn-card--list .pn-meta { display: none; }

  .pn-archive-head .pn-shell,
  .pn-article-head__inner {
    padding-bottom: 38px;
    padding-top: 25px;
  }

  .pn-archive-head h1 { font-size: 40px; }
  .pn-archive-featured { padding-top: 24px; }
  .pn-archive-featured__side { gap: 34px; }

  .pn-article-head h1 {
    font-size: 35px;
    line-height: 1.3;
  }

  .pn-article-head__dek { font-size: 17px; }
  .pn-article-hero { margin-top: 24px; }
  .pn-article-hero__image { border-radius: 0; margin-inline: -16px; max-width: calc(100% + 32px); width: calc(100% + 32px); }

  .pn-article-layout {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-top: 32px;
  }

  .pn-share {
    flex-direction: row;
    position: static;
  }

  .pn-share > span { margin-right: 4px; }
  .pn-article-content { font-size: 18px; line-height: 1.9; }
}

@media (max-width: 479px) {
  .pn-card--hero,
  .pn-card--hero .pn-card__media,
  .pn-card--hero .pn-card__placeholder {
    min-height: 390px;
  }

  .pn-card--compact {
    align-items: start;
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .pn-card--compact .pn-card__title { font-size: 15px; }
  .pn-card--compact .pn-meta { display: none; }
  .pn-section__header { align-items: center; }
  .pn-section__more { font-size: 12px; }
  .pn-article-head h1 { font-size: 31px; }
}

@media (prefers-reduced-motion: reduce) {
  .pn-newsroom *,
  .pn-newsroom *::before,
  .pn-newsroom *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}