/* Pangu editorial content: readable service details, comparisons and guides. */
.answer-panel,
.comparison-section,
.reading-links,
.seo-home-intro,
.case-facts {
  min-width: 0;
}
.answer-panel {
  margin-block: 38px 0;
  padding: 30px 34px;
  background: #111a1f;
  border: 1px solid #30404a;
  border-left: 3px solid var(--orange);
}
.answer-panel .eyebrow,
.comparison-section > .eyebrow,
.reading-links > .eyebrow {
  color: var(--orange);
  font-size: 11px;
  margin-bottom: 12px;
}
.answer-panel h2 {
  font-size: 24px;
  line-height: 1.55;
  letter-spacing: -.3px;
  margin-bottom: 14px;
}
.answer-panel p,
.comparison-section > p:not(.eyebrow),
.seo-home-intro p,
.case-facts p {
  max-width: 94ch;
  color: #b9c7ce;
  font-size: 15px;
  line-height: 1.95;
}
.answer-panel p + p { margin-top: 14px; }
.seo-home-intro {
  padding-block: 34px;
  border-bottom: 1px solid var(--line);
}
.seo-home-intro h2 {
  font-size: 24px;
  letter-spacing: -.25px;
  margin-bottom: 14px;
}
.seo-home-intro .text-link { margin-top: 18px; }
.comparison-section h2,
.reading-links > h2 {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -.5px;
  margin-bottom: 20px;
}
.comparison-section > p:not(.eyebrow) { margin-bottom: 24px; }
.data-table-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-color: #64727b #10171b;
  border: 1px solid #33434e;
  background: #10181d;
  margin-block: 24px;
}
.data-table-wrap:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 5px;
}
.data-table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
  line-height: 1.85;
}
.data-table caption {
  text-align: left;
  padding: 18px 22px;
  color: #d7e0e4;
  font-size: 14px;
  font-weight: 500;
  background: #152127;
  border-bottom: 1px solid #33434e;
}
.data-table th,
.data-table td {
  padding: 19px 22px;
  vertical-align: top;
  border-bottom: 1px solid #2d3a42;
  overflow-wrap: break-word;
}
.data-table thead th {
  color: #ffad88;
  background: #182127;
  font-size: 14px;
  font-weight: 600;
  border-bottom-color: #44525a;
}
.data-table tbody th {
  color: #e7eceb;
  font-weight: 500;
  min-width: 120px;
}
.data-table td { color: #b7c5cd; }
.data-table tbody tr:last-child th,
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:nth-child(even) { background: #141e24; }
.data-table a { color: #ffc0a2; text-decoration: underline; text-underline-offset: 4px; }
.service-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-block: 28px;
}
.service-detail-grid > article,
.service-detail-grid > div {
  min-width: 0;
  padding: 30px;
  background: #11191d;
  border: 1px solid #2c3b43;
}
.service-detail-grid h3,
.scope-list h3 {
  color: #f0f2ee;
  font-size: 22px;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 13px;
}
.service-detail-grid p,
.service-detail-grid li,
.scope-list p {
  color: #b2c2cc;
  font-size: 15px;
  line-height: 1.95;
}
.service-detail-grid ul {
  padding-left: 20px;
  margin: 16px 0 0;
}
.service-detail-grid li + li { margin-top: 9px; }
.service-detail-grid li::marker { color: var(--orange); }
.scope-list {
  display: grid;
  gap: 0;
  margin-block: 24px;
}
.scope-list article {
  min-width: 0;
  padding: 25px 0;
  border-top: 1px solid #2c3b43;
}
.scope-list article:last-child { border-bottom: 1px solid #2c3b43; }
.scope-list p { max-width: 95ch; }
.service-subtitle {
  color: #e1e6e5;
  font-size: 18px;
  line-height: 1.7;
}
.reading-links { padding-block: 58px; border-top: 1px solid var(--line); }
.reading-grid,
.knowledge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;
}
.reading-card,
.knowledge-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 30px;
  background: #11191e;
  border: 1px solid #30414c;
  transition: border-color .2s, background .2s;
}
.reading-card:hover,
.knowledge-card:hover {
  border-color: #876452;
  background: #151e23;
}
.reading-card .eyebrow,
.knowledge-card .eyebrow,
.knowledge-card .category {
  color: #ffb18c;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.reading-card h3,
.knowledge-card :is(h2,h3) {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -.3px;
  line-height: 1.6;
  color: #eff1ed;
  margin-bottom: 15px;
  overflow-wrap: anywhere;
}
.reading-card p,
.knowledge-card p,
.knowledge-card .summary {
  font-size: 15px;
  color: #adbec8;
  line-height: 1.95;
  margin-bottom: 22px;
}
.reading-card > .text-link,
.knowledge-card > .text-link,
.knowledge-card > a:last-child {
  color: #ffb18c;
  font-size: 14px;
  margin-top: auto;
  padding-top: 10px;
}
.knowledge-card :is(h2,h3) a:hover { color: #ffc1a5; }
.knowledge-grid { margin-bottom: 60px; }
.knowledge-hero { padding-block: 32px 52px; border-bottom: 1px solid var(--line); }
.knowledge-hero h1 {
  max-width: 1000px;
  font-size: 42px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -.8px;
  margin: 20px 0 24px;
  overflow-wrap: anywhere;
}
.knowledge-hero > p:not(.eyebrow),
.knowledge-hero .article-intro {
  max-width: 920px;
  color: #b7c7cf;
  font-size: 17px;
  line-height: 2;
}
.knowledge-hero .eyebrow { color: #ffb18c; font-size: 11px; }
.article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  margin-top: 24px;
  color: #9caeb9;
  font-size: 13px;
  line-height: 1.8;
}
.article-meta a { color: #cdd6da; text-decoration: underline; text-underline-offset: 4px; }
.article-meta time { font-variant-numeric: tabular-nums; }
.article-layout {
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
  padding-block: 54px 80px;
}
.article-toc {
  min-width: 0;
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: 112px;
  border-left: 1px solid #4e4741;
  padding-left: 22px;
}
.article-toc h2,
.article-toc h3 {
  color: #e8eceb;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.article-toc .eyebrow { color: var(--orange); font-size: 10px; margin-bottom: 13px; }
.article-toc ol,
.article-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.article-toc a {
  display: block;
  color: #a8bac5;
  font-size: 13px;
  line-height: 1.8;
  padding-block: 3px;
  overflow-wrap: anywhere;
}
.article-toc a:hover { color: #ffc09f; }
.article-prose {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
  max-width: 900px;
}
.article-prose section[id] {
  scroll-margin-top: 112px;
  margin-bottom: 44px;
  padding-bottom: 36px;
  border-bottom: 1px solid #2b373e;
}
.article-prose h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -.4px;
  margin: 0 0 20px;
  overflow-wrap: anywhere;
}
.article-prose h3 { font-size: 21px; line-height: 1.65; font-weight: 500; margin: 26px 0 14px; }
.article-prose p,
.article-prose li {
  color: #bdcbd3;
  font-size: 16px;
  line-height: 2;
  overflow-wrap: break-word;
}
.article-prose p + p { margin-top: 18px; }
.article-prose ul,
.article-prose ol { padding-left: 23px; margin: 20px 0; }
.article-prose li + li { margin-top: 10px; }
.article-prose li::marker { color: #ed9b75; }
.article-prose a:not(.button) { color: #ffc0a2; text-decoration: underline; text-underline-offset: 4px; }
.article-prose strong { color: #f0f3ef; font-weight: 600; }
.article-prose .data-table { font-size: 14px; }
.article-prose .faq-list p { font-size: 15px; line-height: 1.95; }
.article-prose .faq-list summary { font-size: 16px; }
.article-summary {
  border: 1px solid #4a4038;
  border-left: 3px solid var(--orange);
  background: #1a1d1d;
  padding: 25px 28px;
  margin-bottom: 36px;
}
.article-summary p { color: #d5dedf; font-size: 16px; line-height: 1.95; }
.article-summary h2 { font-size: 21px; margin-bottom: 14px; }
.article-sources {
  background: #10191e;
  border: 1px solid #2e404b;
  padding: 27px;
  margin-block: 36px;
}
.article-sources h2 { font-size: 22px; margin-bottom: 16px; }
.article-sources li,
.article-sources p { font-size: 14px; line-height: 1.95; color: #afc1cd; }
.article-sources ul { margin-bottom: 0; }
.case-facts { margin-block: 32px; padding: 28px 32px; background: #111b20; border: 1px solid #30414b; }
.case-facts h2 { font-size: 23px; margin-bottom: 18px; }
.fact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 38px; margin: 0; }
.fact-grid > div { min-width: 0; }
.fact-grid dt { font-size: 12px; color: #ffb18c; margin-bottom: 7px; letter-spacing: .5px; }
.fact-grid dd { margin: 0; color: #d0dadd; font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.article-footer { padding-block: 28px 0; }
.article-footer .related-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.article-footer .related-links a,
.topic-tags a,
.topic-tags span {
  display: inline-block;
  padding: 8px 13px;
  border: 1px solid #3c4d58;
  background: #131e24;
  color: #c6d2d8;
  font-size: 13px;
  line-height: 1.7;
  text-decoration: none;
}
.article-footer .related-links a:hover,
.topic-tags a:hover { border-color: #9b6b51; color: #ffc1a3; }
.topic-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.content-updated { color: #9aacb5; font-size: 12px; line-height: 1.9; margin-block: 24px; }
@media (max-width: 1100px) {
  .article-layout { grid-template-columns: 210px minmax(0,1fr); gap: 38px; }
  .article-toc { padding-left: 17px; }
  .reading-card,.knowledge-card { padding: 26px; }
}
@media (max-width: 900px) {
  .article-layout { grid-template-columns: minmax(0,1fr); gap: 34px; padding-block: 34px 58px; }
  .article-toc { grid-column: 1; grid-row: 1; position: static; border: 1px solid #34434c; padding: 22px 25px; background: #10191e; }
  .article-toc ol,.article-toc ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 24px; }
  .article-prose { grid-column: 1; grid-row: 2; max-width: none; }
  .knowledge-hero h1 { font-size: 36px; }
}
@media (max-width: 700px) {
  .answer-panel { margin-top: 28px; padding: 24px 22px; }
  .answer-panel h2,.seo-home-intro h2 { font-size: 22px; }
  .answer-panel p,.comparison-section > p:not(.eyebrow),.seo-home-intro p,.case-facts p { font-size: 14px; line-height: 1.95; }
  .seo-home-intro { padding-block: 28px; }
  .comparison-section h2,.reading-links > h2 { font-size: 27px; margin-bottom: 18px; }
  .data-table { min-width: 580px; font-size: 13px; }
  .data-table th,.data-table td { padding: 16px 18px; }
  .data-table caption { padding: 15px 18px; font-size: 13px; }
  .data-table thead th { font-size: 13px; }
  .service-detail-grid,.reading-grid,.knowledge-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .service-detail-grid > article,.service-detail-grid > div { padding: 24px; }
  .service-detail-grid h3,.scope-list h3 { font-size: 21px; }
  .service-detail-grid p,.service-detail-grid li,.scope-list p { font-size: 14px; }
  .reading-links { padding-block: 40px; }
  .reading-card,.knowledge-card { padding: 25px 23px; }
  .reading-card h3,.knowledge-card :is(h2,h3) { font-size: 22px; }
  .reading-card p,.knowledge-card p,.knowledge-card .summary { font-size: 14px; }
  .knowledge-grid { margin-bottom: 40px; }
  .knowledge-hero { padding-block: 26px 36px; }
  .knowledge-hero h1 { font-size: 30px; line-height: 1.55; letter-spacing: -.5px; margin-block: 19px; }
  .knowledge-hero > p:not(.eyebrow),.knowledge-hero .article-intro { font-size: 15px; line-height: 1.95; }
  .article-meta { font-size: 12px; gap: 7px 18px; }
  .article-toc { padding: 21px; }
  .article-toc ol,.article-toc ul { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .article-toc a { font-size: 13px; }
  .article-prose section[id] { margin-bottom: 32px; padding-bottom: 28px; }
  .article-prose h2 { font-size: 25px; margin-bottom: 17px; }
  .article-prose h3 { font-size: 20px; }
  .article-prose p,.article-prose li { font-size: 15px; line-height: 1.95; }
  .article-prose ul,.article-prose ol { padding-left: 21px; }
  .article-summary { padding: 22px; margin-bottom: 28px; }
  .article-summary h2 { font-size: 21px; }
  .article-summary p { font-size: 15px; }
  .article-sources { padding: 22px; }
  .article-sources h2 { font-size: 21px; }
  .article-sources li,.article-sources p { font-size: 14px; }
  .case-facts { padding: 23px; }
  .fact-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .fact-grid dd { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .reading-card,.knowledge-card { transition: none; }
}

.table-scroll-hint{display:none}@media(max-width:700px){.table-scroll-hint{display:block;color:#aabac3;font-size:12px;margin-top:-12px;margin-bottom:24px}}

/* Search knowledge navigation and visible company facts. */
.knowledge-topics{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.knowledge-topics a{border:1px solid var(--line);padding:9px 15px;font-size:14px;border-radius:3px;color:#dce3e5}
.knowledge-topics a:hover,.knowledge-topics a:focus-visible{border-color:var(--orange);color:#ffc1a5}
.knowledge-topic-section{padding-top:42px;scroll-margin-top:120px}
.knowledge-topic-heading{margin-bottom:24px}
.knowledge-topic-heading h2{font-size:30px;line-height:1.5}
.knowledge-topic-heading p{font-size:16px;color:#aebbbf;margin-top:8px}
.company-facts{margin-block:10px 36px}
.company-facts h2{font-size:30px;margin-top:12px}
.company-facts dl{margin:25px 0 0;border-top:1px solid var(--line)}
.company-facts dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}
.company-facts dt{font-weight:600;color:#ffb18c}
.company-facts dd{margin:0;color:#cdd6da;overflow-wrap:anywhere}
@media(max-width:700px){.knowledge-topics a{font-size:13px;padding:8px 12px}.knowledge-topic-heading h2,.company-facts h2{font-size:25px}.knowledge-topic-heading p{font-size:15px}.company-facts dl>div{grid-template-columns:minmax(0,1fr);gap:5px;padding:15px 0}.company-facts dt,.company-facts dd{font-size:15px}}

/* Keep the Display offer and its guarantee visible in the global announcement. */
.announcement>.container{min-height:0}
.announcement a.announcement-offer{width:100%;min-width:0;justify-content:center;flex-wrap:wrap;gap:5px 22px;padding:10px 0;font-size:13px;line-height:1.6;text-align:center}
.announcement .announcement-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 18px;min-width:0;font-size:13px;color:#c8d0d3}
.announcement .announcement-channel{font-size:12px}
.announcement a .announcement-guarantee{font-size:14px;font-weight:700;color:#ffb18c}
.announcement .announcement-detail{font-size:12px;color:#b9c4c8}
.announcement-detail>span{color:var(--orange);margin-left:5px}
.announcement-offer:hover .announcement-guarantee{color:#ffd3bf}
.announcement-offer:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:700px){.announcement a.announcement-offer{padding:9px 0;gap:3px}.announcement .announcement-main{gap:3px 12px;font-size:13px}.announcement .announcement-channel{font-size:11px}.announcement a .announcement-guarantee{flex-basis:100%;font-size:14px}.announcement .announcement-detail{font-size:12px}}