/* Article details have their own document layout, based on the privacy page.
   This stylesheet is loaded only for details; listing cards keep their design. */
html:has(body[data-article-layout="document"]) { background: #fff; }
body[data-article-layout="document"] {
  --lim-reading-text-size: 14px;
  --lim-reading-h2-size: 20px;
  --lim-reading-h3-size: 18px;
  --lim-reading-paragraph: #405269;
  --lim-reading-ink: #142a40;
  background: #fff;
  color: #405269;
}
body[data-article-layout="document"] .article-detail {
  width: min(1125px, calc(100% - 48px));
  margin-inline: auto;
  padding: clamp(78px, 5.5vw, 86px) 0 80px;
  font-family: var(--lim-font-en, Montserrat, Arial, sans-serif);
  line-height: 1.78;
  overflow-wrap: anywhere;
}
html[lang^="zh"] body[data-article-layout="document"] .article-detail {
  font-family: var(--lim-font-zh, "Microsoft YaHei", sans-serif);
}
body[data-article-layout="document"] .article-detail .article-layout {
  display: block;
}
body[data-article-layout="document"] .article-detail :is(
  .article-hero, .article-body, .article-card, .insight-card, .side-card,
  .rfq-card, .article-cta, .note, .note-box, .keywords, .warning-box,
  .spec, .package-card, .related-card, .article-figure-frame, .table-scroll,
  .part-mini a, .series-step-nav a
) {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body[data-article-layout="document"] .article-detail :is(
  .article-hero, .article-body, .article-card, .insight-card, .side-card,
  .rfq-card, .article-cta, .note, .note-box, .keywords, .warning-box,
  .spec, .package-card, .related-card
) { padding: 0; }
body[data-article-layout="document"] .article-detail section.article-hero {
  margin: 0 0 32px;
  padding-bottom: 0;
  border-bottom: 0;
  overflow: visible;
}
body[data-article-layout="document"] .article-detail .article-hero::after { content: none; }
body[data-article-layout="document"] .article-detail .article-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-bottom: 22px;
}
body[data-article-layout="document"] .article-detail .article-breadcrumb,
body[data-article-layout="document"] .article-detail .article-back {
  min-width: 0;
  color: #68788a;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
body[data-article-layout="document"] .article-detail .article-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body[data-article-layout="document"] .article-detail .article-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body[data-article-layout="document"] .article-detail .article-breadcrumb a { color: inherit; text-decoration: none; }
body[data-article-layout="document"] .article-detail .article-breadcrumb a:hover { color: #176b9f; text-decoration: underline; }
body[data-article-layout="document"] .article-detail .article-breadcrumb [aria-current="page"] { color: #405269; }
body[data-article-layout="document"] .article-detail .article-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  text-decoration: none;
  white-space: nowrap;
}
body[data-article-layout="document"] .article-detail .article-back svg { flex: none; }
body[data-article-layout="document"] .article-detail .article-back:hover { color: #176b9f; text-decoration: underline; }
body[data-article-layout="document"] .article-detail h1 {
  max-width: none;
  margin: 0 0 12px;
  color: #142a40;
  font-size: clamp(25px, calc(2.55vw - 2px), 28px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.03em;
}
body[data-article-layout="document"] .article-detail .article-meta-line {
  justify-content: flex-end;
  gap: 6px 22px;
  margin: 24px 0 0;
  padding-top: 12px;
  border-top: 1px solid #cbd5e1;
  color: #68788a;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}
body[data-article-layout="document"] .article-detail .article-meta-line > span { white-space: nowrap; }
body[data-article-layout="document"] .article-detail :is(.topic-badge, .tag-row span, .part-list span, .evidence-badge) {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body[data-article-layout="document"] .article-detail .topic-badge {
  color: #176b9f;
  font-size: 12px;
  font-weight: 600;
}
body[data-article-layout="document"] .article-detail .article-body h2 {
  margin: 34px 0 16px;
  font-size: var(--lim-reading-h2-size);
  line-height: 1.4;
  letter-spacing: -.015em;
}
body[data-article-layout="document"] .article-detail .article-body h2:first-child { margin-top: 0; }
body[data-article-layout="document"] .article-detail .article-body h3 {
  margin: 26px 0 12px;
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: 0;
}
body[data-article-layout="document"] .article-detail .article-body {
  font-size: var(--lim-reading-text-size);
}
body[data-article-layout="document"] .article-detail :is(.article-body p, .article-body li, .article-body blockquote) {
  color: #405269;
  font-size: var(--lim-reading-text-size);
  line-height: 1.78;
}
body[data-article-layout="document"] .article-detail .article-body p { margin: 0 0 16px; }
body[data-article-layout="document"] .article-detail .article-body :is(ul, ol) { margin-bottom: 20px; }
body[data-article-layout="document"] .article-detail .article-body li { margin: 0 0 6px; }
body[data-article-layout="document"] .article-detail .article-body li::marker { color: #217eaf; }
body[data-article-layout="document"] .article-detail :is(.note, .note-box, .keywords, .warning-box) {
  margin: 24px 0;
  color: #405269;
  font-size: 14px;
  line-height: 1.75;
}
body[data-article-layout="document"] .article-detail :is(.article-card, .insight-card) { margin-block: 28px; }
body[data-article-layout="document"] .article-detail .article-figure-frame {
  min-height: 0;
  overflow: visible;
}
body[data-article-layout="document"] .article-detail .info-table th {
  border-bottom: 2px solid #dce6ef;
  background: none;
}
body[data-article-layout="document"] .article-detail .article-body pre {
  padding: 16px 0;
  border: 0;
  border-block: 1px solid #dce6ef;
  border-radius: 0;
  background: none;
}
body[data-article-layout="document"] .article-detail .article-sidebar {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid #dce6ef;
}
body[data-article-layout="document"] .article-detail :is(.article-sidebar h3, .article-inquiry h3) {
  margin: 0 0 12px;
  color: #142a40;
  font-size: 18px;
  line-height: 1.45;
}
body[data-article-layout="document"] .article-detail .part-mini { gap: 0; }
body[data-article-layout="document"] .article-detail .part-mini-item { padding: 8px 0; }
body[data-article-layout="document"] .article-detail .part-mini a { display: inline; padding: 0; }
body[data-article-layout="document"] .article-detail .part-mini strong { display: inline; color: #176b9f; font-size: 15px; }
body[data-article-layout="document"] .article-detail :is(.tag-row, .part-list) { gap: 8px 18px; }
body[data-article-layout="document"] .article-detail .tag-row span { font-size: 13px; font-weight: 500; }
body[data-article-layout="document"] .article-detail .series-step-nav a { padding: 12px 0; }
body[data-article-layout="document"] .article-detail .article-inquiry {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid #dce6ef;
  color: #405269;
}
body[data-article-layout="document"] .article-detail .article-inquiry p {
  max-width: none;
  margin: 0 0 14px;
  color: #405269;
  font-size: 16px;
  line-height: 1.78;
  opacity: 1;
}
body[data-article-layout="document"] .article-detail .article-inquiry-checklist { margin: 20px 0; }
body[data-article-layout="document"] .article-detail .article-inquiry-checklist h3 { font-size: 14px; }
body[data-article-layout="document"] .article-detail .article-inquiry-checklist p { font-size: 14px; }
body[data-article-layout="document"] .article-detail .article-inquiry > a {
  min-height: 0;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #176b9f;
  box-shadow: none;
  font-size: 16px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body[data-article-layout="document"] .article-detail a:focus-visible {
  outline: 2px solid #176b9f;
  outline-offset: 4px;
}
body[data-article-layout="document"] .article-detail :is(.part-mini a, .article-inquiry > a):hover {
  color: #124e75;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 720px) {
  body[data-article-layout="document"] { --lim-reading-h2-size: 19px; }
  body[data-article-layout="document"] .article-detail {
    width: min(600px, calc(100% - 36px));
    padding: 77px 0 50px;
  }
  body[data-article-layout="document"] .article-detail h1 { font-size: 24px; }
  body[data-article-layout="document"] .article-detail section.article-hero { margin-bottom: 26px; padding-bottom: 0; }
  body[data-article-layout="document"] .article-detail .series-step-nav { grid-template-columns: minmax(0, 1fr); }
}