.go-guide-article {
  --go-guide-bg: transparent;
  --go-guide-surface: #ffffff;
  --go-guide-surface-2: #eef5e8;
  --go-guide-surface-3: #f7fbf3;
  --go-guide-text: #111b24;
  --go-guide-soft: #5f6e7d;
  --go-guide-line: rgba(17, 27, 36, 0.1);
  --go-guide-line-strong: rgba(17, 27, 36, 0.16);
  --go-guide-accent: #9fe870;
  --go-guide-accent-2: #d9ff54;
  --go-guide-accent-3: #1f5cff;
  --go-guide-shadow: 0 18px 44px rgba(17, 27, 36, 0.08);
  color: var(--go-guide-text);
  font-family: "Inter", sans-serif;
  overflow-x: clip;
}

body.go-template-guide .go-shell-header,
body.go-template-guide .go-shell-topbar,
body.go-template-guide .newsx-sticky-header.go-shell-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.dark .go-guide-article,
body.dark .go-guide-article,
body.dark-mode .go-guide-article,
body.is-dark-theme .go-guide-article,
body.newsx-dark-mode .go-guide-article,
[data-theme="dark"] .go-guide-article {
  --go-guide-surface: #0d1319;
  --go-guide-surface-2: #111920;
  --go-guide-surface-3: #10171d;
  --go-guide-text: #f5f8fb;
  --go-guide-soft: #a8b3bf;
  --go-guide-line: rgba(255, 255, 255, 0.1);
  --go-guide-line-strong: rgba(255, 255, 255, 0.16);
  --go-guide-shadow: none;
}

.go-guide-article * {
  box-sizing: border-box;
}

.go-guide-article a {
  color: inherit;
  text-decoration: none;
}

.go-guide-article img {
  display: block;
  width: 100%;
  height: auto;
}

.go-guide-article :is(h1, h2, h3, p) {
  margin: 0;
}

.go-guide-article__shell {
  width: min(1360px, calc(100% - 32px));
  margin: 0 auto;
  padding: 8px 0 72px;
}

.go-guide-article__hero {
  display: grid;
  gap: 28px;
  margin-bottom: 44px;
}

.go-guide-article__breadcrumbs-bar {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 15px max(18px, calc((100vw - 1360px) / 2 + 22px)) 13px;
  border-top: 1px solid var(--go-guide-line);
  border-bottom: 1px solid var(--go-guide-line);
}

.go-guide-article__breadcrumbs .newsx-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  color: var(--go-guide-soft);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.go-guide-article__hero-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 22px;
  text-align: left;
}

.go-guide-article__eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

.go-guide-article__eyebrow :is(a, span) {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.go-guide-article__eyebrow-root {
  background: none;
}

.go-guide-article__eyebrow-context,
.go-guide-article__eyebrow-type {
  background: none;
}

.go-guide-article__title,
.go-guide-article__section-head h2,
.go-guide-article__summary-head h2,
.go-guide-article__glance-head h2,
.go-guide-article__side-head h2 {
  font-family: "Sora", sans-serif;
  letter-spacing: -0.04em;
}

.go-guide-article__title {
  margin: 0;
  font-size: clamp(2.2rem, 4.8vw, 4.6rem);
  line-height: 0.94;
  text-align: left;
}

.go-guide-article__deck {
  width: min(72ch, 100%);
  margin: 0;
  color: var(--go-guide-soft);
  font-size: clamp(1rem, 1.5vw, 1.14rem);
  line-height: 1.78;
  text-align: left;
}

.go-guide-article__meta-row,
.go-guide-article__meta,
.go-guide-article__share-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.go-guide-article__meta-row {
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border: 1px solid var(--go-guide-line);
  border-radius: 22px;
  background: var(--go-guide-surface-3);
}

.go-guide-article__meta {
  color: var(--go-guide-soft);
  font-size: 0.92rem;
  font-weight: 700;
}

.go-guide-article__meta-author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.go-guide-article__meta-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.go-guide-article__meta-dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.45;
}

.go-guide-article__share-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid var(--go-guide-line);
  background: var(--go-guide-surface);
}

.go-guide-article__share-link svg {
  width: 16px;
  height: 16px;
}

.go-guide-article__cover {
  width: min(1180px, 100%);
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--go-guide-line);
  box-shadow: var(--go-guide-shadow);
}

.go-guide-article__cover-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.go-guide-article__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 26px;
}

.go-guide-article__main,
.go-guide-article__sidebar {
  min-width: 0;
}

.go-guide-article__summary,
.go-guide-article__glance,
.go-guide-article__steps,
.go-guide-article__faq,
.go-guide-article__side-card,
.go-guide-article__footer,
.go-guide-article__comments {
  margin-bottom: 22px;
  padding: 24px;
  border: 1px solid var(--go-guide-line);
  border-radius: 26px;
  background: var(--go-guide-surface);
  box-shadow: var(--go-guide-shadow);
}

.go-guide-article__summary {
  display: grid;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid var(--go-guide-line);
  border-right: 0;
  border-bottom: 1px solid var(--go-guide-line);
  border-left: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.go-guide-article__summary-head,
.go-guide-article__glance-head,
.go-guide-article__section-head,
.go-guide-article__side-head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.go-guide-article__summary-head span,
.go-guide-article__glance-head span,
.go-guide-article__section-head span,
.go-guide-article__side-head span {
  color: var(--go-guide-soft);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.go-guide-article__summary-head h2,
.go-guide-article__glance-head h2,
.go-guide-article__section-head h2,
.go-guide-article__side-head h2 {
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.04;
}

.go-guide-article__summary-head {
  gap: 0;
  margin-bottom: 0;
}

.go-guide-article__summary .newsx-table-of-contents {
  min-width: 0;
  counter-reset: none;
  position: relative;
  padding-left: 32px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.go-guide-article__summary .newsx-table-of-contents h3,
.go-guide-article__summary .newsx-table-of-contents .customize-partial-edit-shortcut {
  display: none;
}

.go-guide-article__summary .newsx-table-of-contents > div {
  position: relative;
  display: grid;
  gap: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.go-guide-article__summary .newsx-table-of-contents > div::before,
.go-guide-article__summary-list::before {
  content: "";
  position: absolute;
  left: 8px;
  top: -18px;
  bottom: 18px;
  width: 2px;
  border-radius: 999px;
  background: var(--go-guide-accent-3);
  opacity: 0.18;
}

.go-guide-article__summary .newsx-table-of-contents h5,
.go-guide-article__summary-list li {
  position: relative;
  margin: 0;
  padding: 0 !important;
}

.go-guide-article__summary .newsx-table-of-contents h5::before,
.go-guide-article__summary-list li::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  width: 16px;
  height: 12px;
  transform: translateY(-55%);
  border-left: 2px solid var(--go-guide-accent-3);
  border-bottom: 2px solid var(--go-guide-accent-3);
  border-bottom-left-radius: 12px;
  opacity: 0.24;
}

.go-guide-article__summary-list,
.go-guide-article__steps-list,
.go-guide-article__side-list,
.go-guide-article__faq-list {
  display: grid;
  gap: 12px;
}

.go-guide-article__summary-list {
  position: relative;
  gap: 0;
  padding-left: 32px;
}

.go-guide-article__summary .newsx-table-of-contents a,
.go-guide-article__summary-list a {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 0;
  border-top: 1px solid var(--go-guide-line);
  border-radius: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background: transparent !important;
  font-weight: 700;
}

.go-guide-article__summary .newsx-table-of-contents a::before,
.go-guide-article__summary-list a::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--go-guide-accent-3);
  transform: translateY(-50%);
  opacity: 0.34;
}

.go-guide-article__summary .newsx-table-of-contents > div > *:first-child a,
.go-guide-article__summary-list > li:first-child a {
  border-top: 0;
}

.go-guide-article__glance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.go-guide-article__glance-item {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--go-guide-line);
  background: var(--go-guide-surface-3);
}

.go-guide-article__glance-item span,
.go-guide-article__glance-item small {
  display: block;
}

.go-guide-article__glance-item span {
  margin-bottom: 6px;
  color: var(--go-guide-soft);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.go-guide-article__glance-item strong {
  font-size: 1.12rem;
  line-height: 1.15;
}

.go-guide-article__glance-item small {
  margin-top: 8px;
  color: var(--go-guide-soft);
  line-height: 1.6;
}

.go-guide-article__steps-list {
  counter-reset: guide-step;
}

.go-guide-article__steps-list li {
  position: relative;
  padding: 18px 18px 18px 68px;
  border-radius: 20px;
  border: 1px solid var(--go-guide-line);
  background: linear-gradient(180deg, var(--go-guide-surface-3), transparent);
  list-style: none;
}

.go-guide-article__steps-list li::before {
  counter-increment: guide-step;
  content: counter(guide-step);
  position: absolute;
  top: 16px;
  left: 18px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111b24;
  background: linear-gradient(135deg, var(--go-guide-accent-2), var(--go-guide-accent));
  font-size: 0.94rem;
  font-weight: 800;
}

.go-guide-article__content {
  padding: 6px 2px 18px;
}

.go-guide-article__content .newsx-post-content,
.go-guide-article__content .newsx-post-content > * {
  max-width: 100%;
}

.go-guide-article__content :is(h2, h3, h4) {
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.go-guide-article__content h2 {
  margin-top: 34px;
  margin-bottom: 14px;
  font-size: clamp(1.55rem, 2.2vw, 2.1rem);
}

.go-guide-article__content h3 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: clamp(1.24rem, 1.8vw, 1.6rem);
}

.go-guide-article__content p,
.go-guide-article__content li,
.go-guide-article__faq-item p,
.go-guide-article__side-copy {
  color: var(--go-guide-text);
  line-height: 1.86;
}

.go-guide-article__faq-item {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid var(--go-guide-line);
  background: var(--go-guide-surface-3);
}

.go-guide-article__faq-item h3 {
  margin-bottom: 10px;
  font-family: "Sora", sans-serif;
  font-size: 1.08rem;
  letter-spacing: -0.02em;
}

.go-guide-article__side-card {
  position: sticky;
  top: 96px;
}

.go-guide-article__sidebar .go-guide-article__side-card + .go-guide-article__side-card {
  margin-top: 18px;
}

.go-guide-article__side-list-meta {
  display: grid;
  gap: 10px;
  color: var(--go-guide-soft);
  font-weight: 700;
}

.go-guide-article__side-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  margin-top: 16px;
  border-radius: 16px;
  color: #111b24;
  background: linear-gradient(135deg, var(--go-guide-accent-2), var(--go-guide-accent));
  font-weight: 800;
}

.go-guide-article__side-story + .go-guide-article__side-story {
  padding-top: 12px;
  border-top: 1px solid var(--go-guide-line);
}

.go-guide-article__side-story-meta {
  display: block;
  margin-bottom: 6px;
  color: var(--go-guide-soft);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.go-guide-article__side-story-title {
  display: block;
  font-family: "Sora", sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.go-guide-article__footer {
  display: grid;
  gap: 20px;
}

.go-guide-article__footer-share span {
  display: block;
  margin-bottom: 10px;
  color: var(--go-guide-soft);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.go-guide-article__footer-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

.go-guide-article__footer-author-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.go-guide-article__footer-author-copy strong,
.go-guide-article__footer-author-copy small {
  display: block;
}

.go-guide-article__footer-author-copy small {
  margin-top: 4px;
  color: var(--go-guide-soft);
  line-height: 1.7;
}

@media (max-width: 1120px) {
  .go-guide-article__grid {
    grid-template-columns: 1fr;
  }

  .go-guide-article__side-card {
    position: static;
  }
}

@media (max-width: 780px) {
  .go-guide-article__meta-row,
  .go-guide-article__glance-grid {
    grid-template-columns: 1fr;
  }

  .go-guide-article__meta-row {
    display: grid;
  }

  .go-guide-article__meta {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .go-guide-article__shell {
    width: calc(100% - 20px);
  }

  .go-guide-article__summary,
  .go-guide-article__glance,
  .go-guide-article__steps,
  .go-guide-article__faq,
  .go-guide-article__side-card,
  .go-guide-article__footer,
  .go-guide-article__comments {
    padding: 20px;
    border-radius: 22px;
  }

  .go-guide-article__summary {
    padding: 18px 0;
    border-radius: 0;
  }

  .go-guide-article__summary .newsx-table-of-contents,
  .go-guide-article__summary-list {
    padding-left: 28px;
  }

  .go-guide-article__cover {
    border-radius: 22px;
  }

  .go-guide-article__steps-list li {
    padding-left: 58px;
  }
}