.hc-article-page {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 800px;
  margin: 0 auto;
  padding: 44px 0 80px;
  color: #252929;
  background: #fff;
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.hc-article-page .hc-article-breadcrumb {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: #616969;
}
.hc-article-page .hc-article-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hc-article-page .hc-article-breadcrumb li + li::before {
  content: "/";
  margin-right: 10px;
  color: #a1a8a8;
}
.hc-article-page h1 {
  margin: 0 0 32px;
  font-size: clamp(30px, 3.1vw, 44px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.02em;
}
.hc-article-page h2 {
  margin: 2em 0 .7em;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
}
.hc-article-page h3 {
  margin: 1.7em 0 .6em;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
}
.hc-article-page p { margin: 0 0 1.15em; }
.hc-article-page ul,
.hc-article-page ol { margin: 1em 0 1.5em; padding-left: 1.5em; }
.hc-article-page ul { list-style: disc; }
.hc-article-page ol { list-style: decimal; }
.hc-article-page li { margin-bottom: .55em; }
.hc-article-page .hc-article-breadcrumb li { margin-bottom: 0; }
.hc-article-page .hc-article-body { user-select: text; }
.hc-article-page figure { max-width: 100%; }
.hc-article-page img { display: block; max-width: 100%; height: auto; }
.hc-article-page figcaption { color: #616969; }
.hc-article-page a { color: #94020c; text-decoration: underline; text-underline-offset: .15em; }
.hc-article-page a:hover { color: #62020a; }
.hc-article-page a:focus-visible { outline: 3px solid #94020c; outline-offset: 4px; }
.hc-article-page .hc-core-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.hc-article-page .hc-core-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid #94020c;
  border-radius: 3px;
  background: #94020c;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.hc-article-page .hc-core-button:hover { background: #62020a; color: #fff; }
@media (max-width: 640px) {
  .hc-article-page { width: calc(100% - 36px); padding: 28px 0 56px; font-size: 17px; line-height: 1.65; }
  .hc-article-page .hc-article-breadcrumb { margin-bottom: 24px; font-size: 13px; }
  .hc-article-page h1 { margin-bottom: 24px; font-size: 30px; }
  .hc-article-page h2 { font-size: 24px; }
  .hc-article-page h3 { font-size: 20px; }
}